exporting

exporting: {
buttons: {
contextButton: {
menuItems: [{
text: '导出png图片 100宽度',
onclick: function () {
this.exportChart({
width: 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="width: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',//格式化日期格式
},

巴特西

exporting

最新文章

热门文章