利用iChart.create方法创建ichartjs图表
程序员文章站
2022-06-07 22:48:12
...
有时候,我们可能需要根据后台的配置来生成图表,这样后台发过来的是一个配置对象,这时我们可以利用iChart.create(Object options)方法来创建图表。
options:配置参数,与正常创建图表一样的配置项。这里面多了一个配置项type,表示图表类型。如创建柱形图图表代码片段如下:
var chart = iChart.create({ type:'column2d',//type为必输项 render : 'canvasDiv', data : data, title : { text : 'This is a sample spirit from HighCharts', color : '#3e576f' }, width : 800, height : 400 //... });
type列表:
type |
图表类型 |
area2d | Area2D |
bar2d | Bar2D |
barmulti2d | BarMulti2D |
barstacked2d | BarStacked2D |
column2d | Column2D |
column3d | Column3D |
columnmulti2d | ColumnMulti2D |
columnmulti3d | ColumnMulti3D |
columnstacked2d | ColumnStacked3D |
columnstacked3d | ColumnStacked3D |
donut2d | Donut2D |
linebasic2d | LineBasic2D |
pie2d | Pie2D |
pie3d | Pie3D |
上一篇: flink 优化小技巧-1
下一篇: 利用ichartjs绘制天气图表