Open Flash Chart图表(国外英文).docVIP

Open Flash Chart图表(国外英文资料) Open Flash Chart图表的JSON格式基本属性详解 数据文件必须是JSON格式JSON对象的基本格式： { } 把所有对象都编写在{ }里面让它看起来像下面JSON数据格式： { “标题”：{ “文本”：“许多数据行”， “风格”：“{字体大小：20px；颜色：# 0000ff；字体：Verdana；文本对齐：中心；}” } } 标题（可选） 所有属性参数都可选的。 文本字符串，标题 风格：字符串，CSS样式 例子： { “标题”：{ “文本”：“数据线”， “风格”：“{字体大小：20px；颜色：# 000000；字体：Verdana；文本对齐：中心；}” } } y_legend（可选） 所有属性参数都是可选。 正文：字符串，Y轴标题 风格：字符串，CSS样式 例子： { “y_legend”：{ “文本”：“图”， “风格”：“{颜色：# 736aef；字体大小：12px；}” } } X轴（可选） 这个对象的属性是可选的，如果没有指定属性将使用默认的X轴属性。 所有可选属性： 中风：数，X轴线的宽度 蜱高度：数，X轴刻度线高度值 颜色：字符串，线的颜色 偏移：布尔，柱状图表中X轴的偏移最小值是0 网格颜色：字符串，表格线颜色 3D：布尔，设置3d 步骤：取决于蜱高度属性 标签：字符串数组，每个X点的标签 例子： { “x_axis”：{ “中风”：1， “滴答高度”：10， “颜色”：“# d000d0”， “网格颜色”：“# 00ff00”， “标签”：[“一月，“二月”、“月”、“四月”、“可能”、“六月”、“七月”、“月”、“9月”] } } Y轴（可选） 应该属性和X轴差不多（因为官方没给出，不知道是不是编漏了） 闵：整数，y轴最小值 马克斯：整数，y轴最大值 刻度的长度：数，Y轴刻度线长度 例子： { “y_axis”：{ “中风”：4， “蜱长”：3， “颜色”：“# d000d0”， “网格颜色”：“# 00ff00”， “偏移量”：0， “max”：20 } } 元素元素 元素的属性是一个数组的通用对象 这些通用对象图表类型为（线、棒、分散等等） { “元素”： { “类型”：“bar”， “阿尔法”：0.5， “颜色”：“# 9933cc”， “文本”：“页面视图”， “字体大小”：10， “价值”：[ 9,6,7,9,5,7,6,9,7 ] }， { “类型”：“bar”， “阿尔法”：0.5， “颜色”：“# cc9933”， “文本”：“页面视图2”， “字体大小”：10， “价值”：[ 9,6,7,9,5,7,6， 2 ] } ] } elements.bar 柱状图表必须包含在元素数组 类型：字符串必须是bar” 甲：数，0（透明）和1（不透明）之间的值 颜色：字符串，CSS颜色 文本字符串，图例说明文本 字体大小：数，设置图例文本字体大小 价值观：阵列的数目，柱子的高底 例子： { “元素”： { “类型”：“bar”， “阿尔法”：0.5， “颜色”：“# 9933cc”， “文本”：“页面视图”， “字体大小”：10， “价值”：[ 9,6,7,9,5,7,6,9,7 ] } ] } elements.pie 圆饼图表，必须包含在元素数据组里 类型：字符串，必须是pie” 起始角度：数，第一个切片角度 颜色：字符串数组，CSS颜色 甲：数，0（透明）和1（不透明）之间的值 中风：数，切片外边线宽 动画：布尔，切片图表动画 价值观：对象数组，每个切片值或者切片对象与值 例子： { “元素”： { “类型”：“馅饼”， “开始角度”：180， “颜色”：[“# d01f3c”、“# 356aa0”、“# c79810”、“# 73880a”、“# d15600”、“# 6bba70”]， “阿尔法”：0.6， “中风”：2， “动画”：1， “价值”：[ 0,2，{“值”：0，“文本”：“零”}，2,6 ] } ] } elements.hbar 横状图表 价值观：对象数组每个值含有“右”“左”的可选值和 例子： { “元素”： { “类型”：“横条”， “颜色”：“# 9933cc”， “文本”：“页面视图”， “字体大小”：10， “值”：{“右”：10 }，{“右”：15 }，{“左”：13，“右”：17 } } ] } elements.line_dot 线形图表 价值观：数一个数组集合阵列 例子： { “元素”： { “类型”：“line_dot”， “颜色”：“# 736aff”， “文本”：“平均波高（CM）”， “字体大小”：10， “宽度”：2， “网点大小”：4， “价值”：[ 1.5,1.69,1.88