open-flash-chart2

链接

http://www.oschina.net/news/10797/Open-Flash-Chart-2-0

open-flash-chart.rar

http://123-reg-suspended.co.uk/open-flash-chart/download.php

各类图表示例代码

PieChart - Legend

{

"title":{"text":"Sales by Region", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "legend":{"visible":true, "bg_colour":"#fefefe", "position":"right", "border":true, "shadow":true},

 "bg_colour":"#ffffff",

"elements":[

{"type":"pie", "tip":"#label# $#val#<br>#percent#", 
"values":[
{"value":0, "label":"AU", "text":"Australia"},
{"value":64000, "label":"USA", "text":"USA"},
{"value":37000, "label":"UK", "text":"United Kingdom"},
{"value":7000, "label":"JP", "text":"Japan"},
{"value":21000, "label":"EU", "text":"Europe"}],
 "radius":130, "highlight":"alpha", 
"animate":false, "gradient-fill":true, "alpha":0.5, 
"no-labels":true, 
"colours":["#ff0000","#00aa00","#0000ff","#ff9900","#ff00ff"]
}

]

}

可以添加onclick

PieChart - Animate

{"title":{"text":"Results", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "bg_colour":"#ffffff",

"elements":[

{"type":"pie", "tip":"#label# $#val#<br>#percent#",

"values":[

{"value":1.1480579818815557, "label":"1"},

{"value":0.9552769986805165, "label":"2"},

{"value":1.203796498075619, "label":"3"},

{"value":0.5002576590023518, "label":"4"},

{"value":1.595956549883839, "label":"5"},

{"value":1.3501755716948138, "label":"6"},

{"value":0.7720616354731522, "label":"7"},

{"value":1.0099382294486436, "label":"8"},

{"value":0.5162547643399837, "label":"9"},

{"value":1.368189754931897, "label":"10"},

{"value":1.0185303767370426, "label":"11"}],

 "animate":true,

"gradient-fill":false,

 "colours":["#ff0000","#00ff00","#0000ff","#ff9900","#ff00ff","#FFFF00","#6699FF","#339933"]

}

]

}

BarChart - Transparent

{

"title":{
"text":"Sales by Month 2006", "style":"font-size: 16px; font-weight: bold; 
font-family: Verdana; color:#ff9900; text-align: center;"
},

"x_axis":{"colour":"#FF9900", "grid-colour":"#aaaaff", 
"labels":{"colour":"#ffff00", "labels":["J","F","M","A","M","J","J","A","S","O","N","D"]}
},

 "y_axis":{"colour":"#FF9900", "grid-colour":"#aaaaff", "steps":1000, "min":5000, "max":20000},

"y_label__label_style":"10,#ffff00",

 "bg_colour":"-1",

 "is_decimal_separator_comma":1,

 "elements":[

{"type":"bar", "tip":"$#val#", 
"values":[13949,14327,13552,10689,13842,14598,14055,12473,11355,11823,10051,12513], "colour":"#000088"
}

]

}

BarChart - Glass

{

"title":{"text":"Sales by Month 2007", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"labels":{"labels":["J","F","M","A","M","J","J","A","S","O","N",
{"text":"Dec", "colour":"#000000", "size":10, "rotate":45}]}
},

 "y_axis":{"steps":16, "max":160},

"bg_colour":"#ffffff",

"elements":[

{"type":"bar_glass", "tip":"$#val#", "values":[50,86,50,89,78,83,50,63,75,85,96,75], "colour":"#00aa00"}

]

}

3DBarChart + Line

{"title":{"text":"Sales by Month 2008", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"colour":"#909090", "3d":5, "labels":{"labels":["J","F","M","A","M","J","J","A","S","O","N","D"]}},

"y_axis":{"steps":16, "max":160},

"y_axis_right":{"grid-colour":"#000000", "steps":50, "max":450},

"y_legend":{"text":"$M in Sales", "style":"font-size: 11px;"},

 "y2_legend":{"text":"$M in Sales", "style":"font-size: 11px;"},

"x_legend":{"text":"2008/9 Financial Year", "style":"font-size: 11px;"},

"bg_colour":"#ffffff",

 "elements":[ 
{"type":"bar_3d", "values":[81,97,75,92,93,70,53,80,72,58,88,75], "colour":"#ff8800"}, 
{"type":"line", "text":"Global Avg", 
"values":[312,420,272,268,372,404,236,312,376,344,384,228],
"colour":"#000000", "axis":"right"
} 
]
}

CylinderChart

{

"title":{"text":"Sales by Quarter 2008", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

"x_axis":{"colour":"#909090", "offset":1, "3d":5, "tick-height":4, "labels":{"labels":["Q1","Q2","Q3","Q4"]}},

 "y_axis":{"steps":16, "max":160},

 "bg_colour":"#ffffff",

 "elements":[

{"type":"bar_cylinder", "tip":"$#val#", "values":[74,52,85,68], "colour":"#ff0000", "alpha":0.800000011920929}

]

}

CylinderChart - RoundGlass

{

"title":{"text":"Sales by Month 2008", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

"x_axis":{"colour":"#B0B0ff", "offset":1, "3d":5, "tick-height":4, 
"labels":{"labels":["J","F","M","A","M","J","J","A","S","O","N","D"]}
},

 "y_axis":{"steps":16, "max":160},

"bg_colour":"#ffffff",

 "elements":[

{"type":"bar_round_glass", "tip":"$#val#", 
"values":[53,{"top":64, "colour":"#90ff90"},80,{"top":53, "colour":"#90ff90"},
93,{"top":79, "colour":"#90ff90"},54,{"top":72, "colour":"#90ff90"},
55,{"top":64, "colour":"#90ff90"},77,{"top":77, "colour":"#90ff90"}], 
"colour":"#9090ff", "alpha":0.6000000238418579
}

]

}

LineChart - Click Legend

{

"title":{"text":"Relative Performance", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

"x_axis":{"steps":2},

 "y_axis":{"min":-1, "max":2},

 "x_legend":{"text":"Annual performance over 30 years", "style":"{font-size: 10px; color: #000000}"},

 "legend":{"visible":true, "bg_colour":"#fefefe", "position":"top", "border":true, "shadow":true},

 "bg_colour":"#ffffff",

 "elements":[

{"type":"line", "text":"PoorEnterprises Pty",

 "key-on-click":"toggle-visibility",

"values":[-0.3454345892519938,-0.14864869646628925,-0.32400094186302,
-0.430227510623443,-0.17080916438493887,-0.08738527278279051,-0.30877880064918983,
-0.3660671246927306,-0.21222532492315427,-0.278447638780768,-0.23964660963068657,
-0.3902748283471705,-0.07419212151569998,-0.4102511920768034,-0.04647919767869013,
-0.31303657413106206,-0.26226201220557,-0.222389237776339,-0.4517037928756231,
-0.44529703191239706,-0.4104466604647181,-0.4749506099980023,-0.35779551218321676,
-0.18052463580379008,-0.34130049925597833,-0.4775977125475492,-0.49669333378407304,
-0.09448153600487152,-0.10904759113349433,-0.42875621330138325],

 "colour":"#ff0000"},

{"type":"line_hollow", "text":"Ave-Ridge Co LLC",

"key-on-click":"toggle-visibility",

"values":[0.7577216767553042,0.23340661982998148,0.2127281177434422,0.6213539159136625,
0.5906774965546843,0.17550730274910525,0.2781301810496574,0.1604677112835594,0.7467969699406902,
0.30078167895000196,0.43139647871560244,0.7377654446888046,0.5208569944647076,0.12490484326212714,
0.5284014083975278,0.321175201631701,0.5940688750084103,0.10359230655921073,0.5124638740030246,
0.2854444431166891,0.5760111605087581,0.6332510292904289,0.09926745991911466,0.2743240174273976,
0.07492599540738505,0.14115751235945587,0.051582343170098716,0.2845179962909898,0.1741383666597905,0.2923359593267299],

"colour":"#00ff00"},

{"type":"line_dot", "text":"Suu Perb Enterprises",

"key-on-click":"toggle-visibility",

 "values":[1.406727797862993,0.6059959639506892,0.7397830268096071,1.1236868786852927,
0.6869041103791256,0.7031993704592421,0.594728451353941,0.9034615597965495,1.5427533019949433,
0.5529854694544892,1.118760180174975,1.5448337971182098,0.6773793125394798,0.9787547885135557,
0.5045868998591869,1.141497421931581,1.186324654421902,1.0516511848634698,0.5374652428502523,
0.9542872414568293,0.9054962444647918,0.7186641463617822,0.9437287333123721,1.2469336914133153,
1.053408922956413,0.7879690581600446,0.6793667364656502,1.3551466995593988,0.7960030390865789,0.9743474053560661],

 "colour":"#0000ff"}

]

}

ScatterChart - Point

{

"title":{"text":"X Y Distribution", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"steps":5, "min":-25, "max":25},

"y_axis":{"steps":5, "min":-25, "max":25},

"bg_colour":"#ffffff",

"elements":[

{"type":"scatter",

"values":[{"x":-19, "y":3},{"x":-16, "y":17},{"x":17, "y":-14},{"x":-3, "y":-25},{"x":-12, "y":-18},
{"x":6, "y":21},{"x":-8, "y":-13},{"x":-8, "y":-17},{"x":0, "y":24},{"x":-8, "y":1},{"x":21, "y":24},
{"x":20, "y":-22},{"x":5, "y":-5},{"x":-23, "y":-9},{"x":18, "y":-14},{"x":15, "y":-8},{"x":4, "y":-3},
{"x":18, "y":-12},{"x":18, "y":4},{"x":-20, "y":3},{"x":20, "y":18},{"x":-13, "y":-11},{"x":-17, "y":12},
{"x":10, "y":-4},{"x":-22, "y":-24},{"x":17, "y":3},{"x":23, "y":-13},{"x":-18, "y":13},{"x":-13, "y":-1},
{"x":16, "y":8},{"x":8, "y":-21},{"x":-20, "y":-15},{"x":15, "y":16},{"x":9, "y":1},{"x":17, "y":20},
{"x":19, "y":-15},{"x":0, "y":3},{"x":-22, "y":20},{"x":-18, "y":22},{"x":13, "y":0},{"x":5, "y":-5},
{"x":14, "y":18},{"x":-3, "y":24},{"x":20, "y":3},{"x":19, "y":-16},{"x":7, "y":1},{"x":16, "y":10},
{"x":-8, "y":-14},{"x":4, "y":-14},{"x":9, "y":24}],

 "dot-size":3}

]

}

ScatterChart - Line

{

"title":{"text":"X Y Distribution", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"steps":5, "min":-25, "max":25},

"y_axis":{"steps":5, "min":-25, "max":25},

"bg_colour":"#ffffff",

"elements":[

{"type":"scatter_line", "values":[{"x":-25, "y":8},{"x":-23, "y":13},{"x":-21, "y":-8},{"x":-19, "y":1},
{"x":-17, "y":10},{"x":-15, "y":-14},{"x":-13, "y":1},{"x":-11, "y":1},{"x":-9, "y":1},{"x":-7, "y":14},
{"x":-5, "y":-9},{"x":-3, "y":-12},{"x":-1, "y":-1},{"x":1, "y":8},{"x":3, "y":14},{"x":5, "y":5},
{"x":7, "y":-10},{"x":9, "y":-11},{"x":11, "y":10},{"x":13, "y":-14},{"x":15, "y":-14},{"x":17, "y":-3},
{"x":19, "y":8},{"x":21, "y":-1},{"x":23, "y":0}],

 "dot-size":3}

]

}

RadarChart

{

"title":{"text":"Risk Areas", "style":"font-size: 12px; text-align: left;"},

 "radar_axis":{"stroke":2, "colour":"#A1D4B5", "grid-colour":"#C0DEBF", "max":11, 
"spoke-labels":{"labels":["Financial","Brand","Legal","Market","Service"]}
},

 "bg_colour":"#ffffff",

"elements":[

{"type":"area_line", "values":[5,7,9,4,4], "colour":"#ff0000", "fill-alpha":0.30000001192092896, "fill":"#ff0000", "loop":true}

]

}

Horizontal-BarChart

{

"title":{"text":"Top Car Speed", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "tooltip":{"mouse":1},

 "x_axis":{"steps":20, "min":0, "max":200},

"y_axis":{"offset":1, "labels":["Ford","Mazda","BMW","Porche"]},

 "bg_colour":"#ffffff",

"elements":[

{"type":"hbar", "tip":"#val# mph",

"values":[{"right":179, "colour":"#ffff00"},{"right":129, "colour":"#0000ff"},
{"right":122, "colour":"#00ff00"},{"right":103, "colour":"#ff0000"}]

}

]

}

AreaChart - Hollow

{

"title":{"text":"Volume Consumed", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

"x_axis":{"labels":{"steps":3,
 "labels":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21",
"22","23","24","25","26","27","28","29","30"]}
},

"bg_colour":"#ffffff",

"elements":[

{"type":"area_hollow",

 "values":[5,5.2781370631130855,5.545185679232111,5.79049946275305,6.004298527259332,6.178059378731055,
6.3048547203541165,6.379629621983844,6.399403044258107,6.363386683229473,6.2730163975559545,
6.131894965347426,5.945648452771612,5.72170192055005,5.468983410218266,5.197568011283813,
4.9182761992013875,4.642242457162435,4.380471379387205,4.143398952680192,3.9404765065688996,
3.779793918620976,3.667757096554677,3.6088325949131494,3.6053695476298233,3.657506015471607,
3.7631634819917865,3.9181297174216194,4.116226706978753,4.349556948820743,4.608818302521508],

"dot-size":3, "fill-alpha":0.6000000238418579}

]

}

AreaChart - Line

{

"title":{"text":"Growth per Region", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"labels":{"labels":["J","F","M","A","M","J","J","A","S","O","N","D"]}},

"bg_colour":"#ffffff",

"elements":[

{"type":"area_line",

"values":[0,null,null,0.5753806722796874,null,null,4.270313672507509,null,null,3.8357915283790947,null,null],

 "colour":"#ff0000", "fill-alpha":0.30000001192092896, "fill":"#ff0000"

},

{"type":"area_line",

 "values":[0,null,0.8,null,1.6,null,2.4000000000000004,null,3.2,null,4,null],

"colour":"#00aa00", "fill-alpha":0.30000001192092896, "fill":"#00aa00"

}

]

}

SketchChart

{

"title":{"text":"How many pies were eaten?", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

 "x_axis":{"labels":{"labels":["John","Frank","Mary","Andy","Mike","James"]}},

"bg_colour":"#ffffff",

 "elements":[

{"type":"bar_sketch", "tip":"#val# pies",

 "values":[4,5,2,{"top":6, "colour":"#6666ff", "tip":"Winner!<br>#val# pies"},1,1],

 "colour":"#00aa00", "outline-colour":"#009900", "offset":6

}

]

}

StackChart

{

"title":{"text":"Investments in ($M)", "style":"font-size: 14px; font-family: Verdana; text-align: center;"},

"x_axis":{"labels":{"labels":["John","Frank","Mary","Andy"]}},

 "y_axis":{"steps":7, "min":0, "max":14},

"bg_colour":"#ffffff",

"elements":[

{"type":"bar_stack",

"keys":[{"text":"None", "colour":"#ffdd00", "font-size":13},{"text":"Property", "colour":"#ff0000", "font-size":13},{"text":"Shares", "colour":"#00ff00", "font-size":13},{"text":"Cash", "colour":"#ff00ff", "font-size":13}],

 "values":[[1.0415886127171743,3.2552449976031035],[{"val":4.135320442685362, "colour":"#ffdd00"}],[{"val":3.205363032489273, "colour":"#ff0000"}],[1.560925859485627,0.6082355097423424,1.828305386583515,{"val":0.29514474393731516, "colour":"#ff00ff"}]]

}

]

}

Candle Chart

<script type="text/javascript" src=http://tech.ddvip.com/2009-03/"swfobject.js"></script>

　<script type="text/javascript">

swfobject.embedSWF("open-flash-chart.swf", "mychart", "550", "200", "9.0.0", "expressInstall.swf", {"data-file":"datafile/line.aspx"});

　　　 </script>

　　　　 <div id="mychart">　</div>

　　从两方面进行详细讲解：脚本swfobject.js和参数{"data-file":"datafile/line.aspx"}。

　　用JavaScript嵌入你的SWF, swfobject.js使用简介

　　swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5个必须的参数和4个可选的参数：

　　swfUrl（String，必须的）指定SWF的URL。

　　id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。

　　width（String，必须的）指定SWF的宽。

　　height（String，必须的）指定SWF的高。

　　version（String，必须的）指定你发布的SWF对应的Flash Player版本（格式为：major.minor.release）。

　　expressInstallSwfurl（String，可选的）指定express install SWF的URL并激活Adobe express install 
[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。

　　flashvars（String，可选的）用name:value对指定你的flashvars。

　　params（String，可选的）用name:value对指定你的嵌套object元素的params。

　　attributes（String，可选的）用name:value对指定object的属性。

　　注意：在不破坏参数顺序的情况下，你可以忽略可选参数。如果你不想使用一个可选参数，但是会使用后面的一个可选参数，你可以简单的传入false作为参数的值。
对flashvars、 params和 attributes这些JavaScript对象来说，你也可以相应的传入一个空对象{}。

　　OpenFlashChart接收的数据文件格式详解

　　swfobject.embedSWF("open-flash-chart.swf", "mychart", "550", "200", "9.0.0", "expressInstall.swf", {"data-file":"datafile/ bar1.txt"});

Open Flash Chart2 常用的参数

•{ 
•  "title" : { 
•    "text" : "Many data lines",         /* 标题文本 */ 
•    "style" : "{font-size: 30px;}"  /* CSS样式 */ 
•  }, 
• •  /* X轴标题（X轴下方） */ 
•  "x_legend" : { 
•    "text" : "x_legend",                /* 标题文本 */ 
•    "style" : "{font-size: 12px; color:#736AFF;}"       /* CSS样式 */ 
•  }, 
• 
•  /* Y轴标题（Y轴左方） */ 
•  "y_legend" : { 
•    "text" : "y_legend",                /* 标题文本 */ 
•    "style" : "{font-size: 12px; color:#2F55FF;}"       /* CSS样式 */ 
•  }, 
•  /* 右侧Y轴标题（Y轴右方） */ 
•  "y_legend2" : { 
•    "text" : "y_legend2",                /* 标题文本 */ 
•    "style" : "{font-size: 12px; color:#2F55FF;}"       /* CSS样式 */ 
•  }, 
• 
•  /* X轴 */ 
•  "x_axis" : { 
•    "stroke" : 2,                   /* X轴的粗细 （像素）*/ 
•    "tick-height" : 15,             /* X轴刻度的长度 */ 
•    "colour" : "#df0fd0",           /* 颜色 */ 
•    "grid-visible": 1,      　　　　 /* (0/1),是否绘制网格线 */ 
•    "grid-colour": "#00ff00",       /* 网格线的颜色 */ 
•    "offset" : 1,                   /* (0/1), 是否根据数据图形和标签的宽度进行延展（坐标是否从0开始） */ 
•    "3d" : 0,                       /* 显示3D */ 
•    "steps" : 0.5,                  /* 刻度间隔 */ 
•    "min":0, 
•    "max":8, 
•    "labels": { 
•        "rotate": "vertical",           /* 垂直方向显示标签 */ 
•        "size":13,                      /* 字体大小 */ 
•        "steps": 2,                     /* 整数，标签间隔 */ 
•        "visible-steps": 3,             /* 可见标签间隔，会覆盖上面参数 */ 
•        "align":"center",               /* 旋转的标签居中对齐，默认是较高的一端对其到刻度上 */ 
•        "labels": [ 
•            "January", 
•            {"text":"February", "visible":true, "colour":"ff0000", "rotate":-60}, 
•            "March", 
•            {"text":"April","colour":"#00D000"}, 
•            "May","June","July","August","September"] 
•    } 
•  }, 
• 
•  /* Y轴 */ 
•  "y_axis":{ 
•    "stroke":      4, 
•    "tick-length": 3, 
•    "colour":      "#d000d0", 
•    "grid-colour": "#00ff00", 
•    "offset":      0, 
•    "max":         20 
•  },

• "y_axis_right":{
•     "max":   100,
•  "steps":10,
•  "labels":{"labels":[{"y":3,"text":"dads"},{"y":30,"text":"ads"}]}
 • ,"grid-colour":"#000000"
•   }
•  "radar_axis":{ 　　　　   /*RadarChart 的坐标轴*/ 
•  "stroke":2, "colour":"#A1D4B5", "grid-colour":"#C0DEBF", "max":11,                
•  }, 
•  "spoke-labels":{"labels":["Financial","Brand","Legal","Market","Service"]}/*RadarChart 的辐条标签*/

•　"bg_colour":"#ffffff", 
•  "is_decimal_separator_comma": 0,     /* (0/1)，是否用逗号替换小数点 */ 
•  "is_fixed_num_decimals_forced": 1,   /* (0/1)，是否强制小数点后面的位数 */ 
•  "num_decimals":3,        /* 精度，即小数点后面的位数，需要配合上面参数一起使用 */ 
•  "is_thousand_separator_disabled": 0,     /* (0/1)，是否使用千位分隔符 */ 
• 
•  /*定义全局的 鼠标提示信息（提示框tip） */ 
•  "tooltip":{ 
•    "shadow":true,      /* 影子（阴影效果） */ 
•    "mouse":2,          /* 1 - 滑动样式，2 - 非滑动样式，折线图不支持*/ 
•    "stroke":5,         /* 边框粗细 */ 
•    "rounded": 12,      /*提示框边角圆滑程度（圆角半径） */ 
•    "colour":"#00d000", /* 边框颜色 */ 
•    "background":"#d0d0ff",     /* 背景颜色 */ 
•    "title":"{font-size: 14px; color: #905050;}",       /* 内容第一行样式（用<br>隔开） */ 
•    "body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"      /* 本体样式（第二行及以后） */ 
•　　 "text":"" 　　　　/* 提示的文本内容 */ 
•  }

•  /* 数据元素 */ 
•  "elements":[ 
•    { 
•      "type":      "bar",   /* 关于柱图类型参考“bar-all-onlick.json” （从官网下载ofc2完整包的话可以找到这个文件）*/ 
•      "alpha":     0.5, 
•      "colour":    "#9933CC", 
•      "text":      "Page views", 
•      "font-size": 10, 
•      "on-show":    {       /* 展现样式 */ 
•          "type": "pop",        /* 弹出方式, 此外还有 drop 和 grow-up */ 
•          "cascade":1,          /* 不通柱子之间的间隔时间为 1 */ 
•          "delay":0.5           /* 延迟时间 */ 
•      }, 
•      "values" :   [9,6,7,9,5,{"top":7,"bottom":2,"colour":"#A03030","tip":"#top#<br>hello/n#val#","on-click":"#"},6,null,7] 
•    }, 
•    { 
•      "type":      "line",          /* 展示类型 —— 折线图 */ 
•      "colour":    "#9933CC",       /* 线条颜色 */ 
•      "width":     2,               /* 线条粗细 */ 
•      "text":      "Page views",    /* 数据标题（Y轴上方） */ 
•      "font-size": 10,              /* 数据标题字体大小 */ 
•      "dot-size":  6, 
•      "values" :   [15,18,19,14,17,18,15,18,17] 
•    }]
•}

元素 / 属性	形状或作用	参数 1	参数 2	参数 3	参数 4	参数 5	参数 6
title	显示图表主题（最上方）	text	style
x_legend	X 坐标说明（最下方 , 与 X 轴平行）	text	style
y_legend/y2_legend(右侧纵坐标)	Y 坐标说明（最左边 （最右边）, 与 Y 轴平行）	text	style
x_labels	设置 X 轴坐标显示
y_label_size
x_label_style	设置 X 轴样式	字体大小	字体颜色	角度 (0:0 度 , 1:90 度 ,2:45 度 )	设置 X 轴线条间隔	X 轴间隔线条颜色
y_label_style	设置 Y 轴样式	字体大小	字体颜色
x_ticks	控制 X 轴坐标标记显示	X 轴坐标标记长度
y_ticks	控制 Y 轴坐标标记显示	Y 轴坐标标记最小长度	Y 轴坐标标记最大长度	将 Y 轴分割成几个段
X _min	设置 X 轴 坐标最小值	X 轴坐标最小值
x _max	设置 X 轴 坐标最大值	X 轴坐标最大值
y_min	设置 Y 轴坐标最小值	Y 轴坐标最小值
y_max	设置 Y 轴坐标最大值	Y 轴坐标最大值
bg_colour	设置背景颜色
inner_background	设置坐标区域内部颜色	颜色 1	颜色 2( 从 颜色 1 渐变到颜色 2)	渐变角度
bg_image	设置背景图片	图片位置
bg_image_x	设置图片横向位置	[left |center |right]
bg_bg_image_y	设置图片纵向位置	[top |middle | bottom ]
x_axis_colour	设置 X 轴颜色
y_axis_colour	设置 Y 轴颜色
x_axis_steps	设置 X 轴线条间隔
x_axis_3d	设置 X 轴 3d 效果的高 度
x_grid_colour	设置 X 轴线条颜色
y_grid_colour	设置 Y 轴线条颜色
show_y2	设置 Y 轴右边也显示坐标	[true |false]
y2_lines	设置哪个图是根据右边 Y 坐标的值来显示	[ 可以有多个 ]
y_format	格式化 Y 轴显示 ( 常与 #val# 等联合使用 )
values	设置值
num_decimals	格式化小数位数
is_fixed_num_decimals_forced	是否强制格式化小数	[true |false]
is_decimal_separator_comma	是否使用小数分隔符	[true : , |false : . ] ( 与千位分隔符相反 )
is_thousand_separator_disabled	是否使用千位分隔符	[true |false]
x_offset	是否自动补偿以适应图 的显示	[true |false]
bar	柱状图	透明度	颜色	名称#key#	名称字体大小
bar_glass	水晶柱状图	透明度	内部颜色	外框颜色	名称#key#	名称字体大小
bar_fade	渐变柱状图	透明度	颜色	名称#key#	名称字体大小
bar_arrow	带有箭头的柱状图	透明度	颜色	名称#key#	名称字体大小
bar_3d	3D 立体柱状

#x_label#代表鼠标所在列的X轴文案。
　　#val#代表了鼠标所在区域的值。
　　#key#代表了鼠标所在区域，此种点，线和主体的文案。
　　#high#表示鼠标所在区域最高值。
　　#low#表示鼠标所在区域最低值。
　　#clost#表示鼠标所在区域关闭值。
　　#open#表示鼠标所在区域开始值。