nav-left cat-right
cat-right

open flash chart2系列教程(3)–json

前面俩节讲了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数据的类库的用法。

评论暂缺 »

还没有任何评论。

这篇文章上的评论 RSS feed TrackBack URL

留下评论