Highcharts 的画图使用

先说实现的效果:

Highcharts 的画图使用_第1张图片

使用第三方的框架highcharts实现:

html中实现的代码:

js中实现的代码:

onDrawChart: function(orderList) {
			
			 $('#container').highcharts({
			        chart: {
			            type: 'column'
			        },
			        lang:{
			        	downloadJPEG: "下载JPEG 图片",
			            downloadPDF: "下载PDF文档",
			            downloadPNG: "下载PNG 图片",
			            downloadSVG: "下载SVG 矢量图",
			            printChart: "打印图片",
			            exportButtonTitle: "导出图片"
			        },
			        title: {
			            text: '订单平台运营分析'
			        },
			        subtitle : {
						text : "副标题"
					},
			        xAxis: {
			        	categories: ”“
			        },
			        yAxis : {
						title : {
							text : '金额'
						}
					},
			        credits: {
			            enabled: false
			        },
			        series: [{
			            name: '应收金额(元)',
			            data: amount_due
			        }, {
			            name: '应付金额(元)',
			            data: amounts_payable
			        }, {
			            name: '盈利(元)',
			            data: profit
			        }]
			    });
		}
	};

 credits: { enabled: false } 是否显示版权信息 默认是:true.

series是我们需要传的数据,数据是数组。

你可能感兴趣的:(Highcharts 的画图使用)