Open Flash Chart2 常用的参数

http://fyzeng.diandian.com/post/2011-07-29/3339982

{
/* 图表标题 */
"title" : {
"text" : "Many data lines", /* 标题文本 */
"style" : "{font-size: 30px;}" /* CSS样式 */
},
"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)，是否使用千位分隔符 */
/* 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样式 */
},
/* X轴 */
"x_axis" : {
"stroke" : 2, /* X轴的粗细 */
"tick-height" : 15, /* X轴刻度的长度 */
"colour" : "#df0fd0", /* 颜色 */
"grid-colour": "#00ff00", /* 网格线的颜色 */
"offset" : 1, /* (0/1), 是否根据数据图形和标签的宽度进行延展 */
"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
},
/* 数据元素 */
"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]
}],
/* 鼠标提示信息 */
"tooltip":{
"shadow":true, /* 提示框影子 */
"mouse":2, /* 1 - 滑动样式，2 - 非滑动样式，折线图不支持*/
"stroke":5, /* 边框粗细 */
"rounded": 12, /* 边角圆滑程度 */
"colour":"#00d000", /* 边框颜色 */
"background":"#d0d0ff", /* 背景颜色 */
"title":"{font-size: 14px; color: #905050;}", /* 标题样式 */
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}" /* 本体样式 */
}
}