一起学fusioncharts 总结

来源:互联网 发布:mysql connector java 编辑:程序博客网 时间:2024/05/01 13:40

到了这里,大家都能成功的渲染出图表图形,那只是之中的一种图表,也还有更多的方式(我这一种是用JSON作为数据源),还有更多的图表可以上去官网查看

例如:



这些图形,只要把JSON数据修改一下就可以实现

{    "chart": {        "editmode": "1",        "caption": "Rating for the book - The best book ever written",        "subcaption": "(Drag the marker to change the rating)",        "lowerlimit": "0",        "upperlimit": "5",        "lowerlimitdisplay": "Bad",        "upperlimitdisplay": "Good",        "bgcolor": "FFFFFF",        "showborder": "0",        "gaugestartangle": "180",        "gaugeendangle": "0",        "manageresize": "1"    },    "colorrange": {        "color": [            {                "minvalue": "0",                "maxvalue": "2.5",                "code": "e44a00"            },            {                "minvalue": "2.5",                "maxvalue": "4",                "code": "f8bd19"            },            {                "minvalue": "4",                "maxvalue": "5",                "code": "6baa01"            }        ]    },    "dials": {        "dial": [            {                "editmode": "1",                "value": "4.2",                "rearextension": "10"            }        ]    }}



























上官网可以查到JSON和XML的数据源


当你把datasource保存在一个json里面引用的时候,注意逗号的有无还有注释的有无,在JS里面写注释不会影响结果,但是引用的json里面要是有注释就会Invaild data!!

更多关于fusioncharts的知识可能不定时更新了。感谢

0 0