Open Flash Chart 2 (OFC2) 实例文档 - 4 - 饼图

与第一个例子中重复的参数没有给出说明，如果要查看某个参数，请在第一个例子中找。

 

 

代码：

 

{ "title":{ "text":"Pie for you sir?", "style":"{font-size: 30px;}" }, "elements":[ { "type":"pie", "colours":[ "0x336699", "0x88AACC", "0x999933", "0x666699", "0xCC9933", "0x006666", "0x3399FF", "0x993300", "0xAAAA77", "0x666666", "0xFFCC66", "0x6699CC", "0x663366", "0x9999CC", "0xAAAAAA", "0x669999", "0xBBBB55", "0xCC6600", "0x9999FF", "0x0066CC", "0x99CCCC", "0x999999", "0xFFCC00", "0x009999", "0x99CC33", "0xFF9900", "0x999966", "0x66CCCC", "0x339966", "0xCCCC33"], "alpha":0.8, "animate":[ /* 动画效果，可以直接指定true启用默认动画效果 */ { "type":"bounce", /* 鼠标滑过时，使用弹跳效果 */ "distance":20 /* 弹跳距离 */ }, { "type":"fade" /* 鼠标滑过时，使用颜色变深效果 */ } ], "radius": 150, /* 半径长度 */ "tip":"#val#<br>#total#<br>#percent#<br>#label#", /* 鼠标提示信息 */ "gradient-fill":true, /* 颜色渐变效果 */ "label-colour":"#0000ff", /* 标签颜色 */ "start-angle":90, /* 开始旋转角度 */ "no-labels":false, /* 是否显示标签 */ "values":[ 2, 3, {"value":6.5,"label":"hello (#val#)", "tip":"99 bottles of beer","on-click":"http://www.baidu.com"}, {"value":6.5,"on-click":"my_function"} ] } ] }

 

 

效果图：

 

 

 

因为项目中只用到了柱图、折线图和饼图， 所以这个实例文档里也只有这三种。要想了解别的东西的话可以去它的官网找，或者研究源代码。