欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

利用iChart.create方法创建ichartjs图表

程序员文章站 2022-06-07 22:59:25
...

有时候,我们可能需要根据后台的配置来生成图表,这样后台发过来的是一个配置对象,这时我们可以利用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