Skip to content

Instantly share code, notes, and snippets.

@pzzrudlf
Created December 2, 2015 07:40
Show Gist options
  • Select an option

  • Save pzzrudlf/d73d01b93abf1b2317a7 to your computer and use it in GitHub Desktop.

Select an option

Save pzzrudlf/d73d01b93abf1b2317a7 to your computer and use it in GitHub Desktop.
$('#container_chart').highcharts({
chart: {
type: type,
zoomType: 'x'
},
title: {
text: 'data_title'
},
xAxis: {
// categories: categoriesName
categories: ["电","特殊用电","动力用电","水","照明插座用电","空调用电","其他"]
// categories: ['电', '特殊用电', '照明用电', '供暖用电', '其他']
},
yAxis: {
min: 0,
title: {
text: 'y轴标题'
},
stackLabels: {
enabled: false,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
stacking: 'normal'
}
},
legend: {
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1
},
series: [
{
name:'2015年一月',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 129.2, 144.0],
stack: 1
},
{
name:'2014年一月',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 129.2, 144.0],
stack: 1
},
{
name:'2015年二月',
data: [30, 176.0, 135.6, 148.5, 216.4, 129.2, 144.0],
stack: 2
},
{
name:'2014年二月',
data: [30, 176.0, 135.6, 148.5, 216.4, 129.2, 144.0],
stack: 2
},
{
name:'2015年三月',
data: [106.4, 129.2, 144.0, 29.9, 71.5, 129.2, 144.0],
stack: 3
},
{
name:'2014年三月',
data: [106.4, 129.2, 144.0, 29.9, 71.5, 129.2, 144.0],
stack: 3
},
{
name:'2015年四月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 4
},
{
name:'2014年四月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 4
},
{
name:'2015年五月',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 129.2, 144.0],
stack: 5
},
{
name:'2014年五月',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 129.2, 144.0],
stack: 5
},
{
name:'2015年六月',
data: [30, 176.0, 135.6, 148.5, 216.4, 129.2, 144.0],
stack: 6
},
{
name:'2014年六月',
data: [30, 176.0, 135.6, 148.5, 216.4, 129.2, 144.0],
stack: 6
},
{
name:'2015年七月',
data: [106.4, 129.2, 144.0, 29.9, 71.5, 129.2, 144.0],
stack: 7
},
{
name:'2014年七月',
data: [106.4, 129.2, 144.0, 29.9, 71.5, 129.2, 144.0],
stack: 7
},
{
name:'2015年八月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 8
},
{
name:'2014年八月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 8
},
{
name:'2015年九月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 9
},
{
name:'2014年九月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 9
},
{
name:'2015年十月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 10
},
{
name:'2014年十月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 10
},
{
name:'2015年十一月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 11
},
{
name:'2014年十一月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 11
},
{
name:'2015年十二月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 12
},
{
name:'2014年十二月',
data: [148.5, 216.4, 30, 176.0, 135.6, 129.2, 144.0],
stack: 12
}
]
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment