到了这里,大家都能成功的渲染出图表图形,那只是之中的一种图表,也还有更多的方式(我这一种是用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的知识可能不定时更新了。感谢