exporting: {
buttons: {
contextButton: {
menuItems: [{
text: '导出png图片 100宽度',
onclick: function () {
this.exportChart({
100
});
}
}, {
text: '导出png图片 大图',
onclick: function () {
this.exportChart();
},
separator: false
}]
}
}
}
theme主题 可用样式
theme: {
fill: '#B7C900',//填充颜色
r: 8,//圆角
states: {
hover: {
fill: '#0FC900',
style: {
color: 'white'
},
text:'恢复原始状态'
},
},
select: {
stroke: '#039',
fill: '#bada55'
}
}
每个数据条的name 是提示框里面的文本 提示框里面都有：x轴标签+name+:数据
提示框：
tooltip: {
formatter: function () {
var s = '<b>' + this.x + '</b>';
$.each(this.points, function () {
s += '<br/>' + this.series.name + ': ' +
this.y + 'm';
});
return s;
},
shared: true
},
提示框表格化：
tooltip: {
shared: true,
useHTML: true,
headerFormat: '<small>{point.key}</small><table style="200px">',
pointFormat: '<tr><td style="color: {series.color}">{series.name}: </td>' +
'<td style="text-align: right"><b>{point.y} EUR</b></td></tr>',
footerFormat: '</table><span>caijinhao</span>',
valueDecimals: '3',
valuePrefix: '$',//前缀
valueSuffix: ' haohao',//后缀
xDateFormat: '%Y-%m-%d',//格式化日期格式
},