前面俩节讲了open flash chart的基本调用方法,下来开始我们来详细的通过实例来分析OFC的参数设置。
首先今天要讲的是json数据格式所代表的意义,做了下简单的注释,英文不好的同学可以找翻译软件翻译一下官网的说明,这里只挑重要的来讲。
#title参数
{
“title”:{
“text”: “Chart Demo”,
“style”: “{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}”
}
}
title是非必选参数,title下有text和style俩个参数,相信不用多做解释大家都能明白是和什么意思,需要注意的是FLASH里的style所设置的CSS跟网页里不完全一样,详细的可以google搜索了解一下。
#y_legend参数
{
“y_legend”:{
“text”:”Chart Demo”,
“style”:”{…}”
}
}
y_legend也是可选参数,值y轴的说明
#x_axis参数 x轴的设置
{
“x_axis”:{
“stroke”: 1, // X轴线的宽度
“tick-height”: 10,//刻度线高度值
“colour”: “#d000d0″,//线的颜色
“grid-colour”: “#00ff00″,//表格线颜色
“labels”: ["January,"February","March","April","May","June","July","August","Spetember"]//标签
}
}
另外x_axis还有的参数:
3d: boolean, 设置3D
steps: 取决于tick-height属性 间隔
#Y Axis 参数的属性跟X轴的基本相同
#Elements 是一个数组对象;如line,bar,scatter等不同的图表,可以在一个chart里有多个elements对象
{
“elements”:[
{
"type": "bar",
"alpha": 0.5,
"colour": "#9933CC",
"text": "Page views",
"font-size": 10,
"values" : [9,6,7,9,5,7,6,9,7]
},
{
“type”: “bar”,
“alpha”: 0.5,
“colour”: “#CC9933″,
“text”: “Page views 2″,
“font-size”: 10,
“values” : [9,6,7,9,5,7,6,9,7]
}
]
}
基本上就是这些了,还有一些别的属性可以参见英文文档,后面将这种来将php生成chart所需json数据的类库的用法。
