面积图
var chart = Highcharts.chart('container',{
chart: {
type: 'area'
},
title: {
text: ''
},
subtitle: {
text: ''
},exporting: {
enabled: false // 关闭导出按钮
},
xAxis: {
allowDecimals: false,
crosshair: true
},
yAxis: {
title: {
text: ''
},
labels: {
formatter: function () {
return this.value / 1000 + 'k';
}
}
},
tooltip: {
pointFormat: '{series.name} 制造 <b>{point.y:,.0f}</b>枚弹头'
},
plotOptions: {
area: {
pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: '美国',
data: [0, 0, 0, 0, 0, 6, 11, 32, 110, 235, 369, 640,
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104]
}]
});
柱形图
Highcharts.chart('containershuzhuan',{
chart: {
type: 'column'
},
title: {
text: ''
},
subtitle: {
text: ''
},exporting: {
enabled: false // 关闭导出按钮
},
xAxis: {
allowDecimals: false,
crosshair: true
},
yAxis: {
title: {
text: ''
},
labels: {
formatter: function () {
return this.value / 1000 + 'k';
}
}
},
tooltip: {
pointFormat: '{series.name} 制造 <b>{point.y:,.0f}</b>枚弹头',
shared: true,
},
plotOptions: {
area: {
pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: '美国',
data: [0, 0, 6, 11, 32, 110, 235, 369, 640]
}]
});
左柱形图
Highcharts.chart('containerzuo',{
chart: {
type: 'bar'
},
title: {
text: ''
},
subtitle: {
text: ''
},exporting: {
enabled: false // 关闭导出按钮
},
xAxis: {
allowDecimals: false,
crosshair: true
},
yAxis: {
title: {
text: ''
},
labels: {
formatter: function () {
return this.value / 1000 + 'k';
}
}
},
tooltip: {
pointFormat: '{series.name} 制造 <b>{point.y:,.0f}</b>枚弹头'
},
plotOptions: {
area: {
pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: '美国',
data: [0, 0, 6, 11, 32, 110, 235, 369, 640]
}]
});