highchart使用方法API说的清楚了在此就不再多做阐述,主要记录一下需要注意的小细节
1.有关曲线颜色的色值选择
原来插件里有默认的10个颜色值,自己也可以根据默认的色值来选择自己想要的。选择方法是:
series: [
{
name: ‘VoiceOver‘,
data: [6, 20.2, 30.7, 36.8, 30.9],
website: ‘http://www.apple.com/accessibility/osx/voiceover‘,
dashStyle: ‘ShortDot‘,
color: Highcharts.getOptions().colors[7] //这里是自己选择默认色值的用法
}
colors: [‘#058DC7‘, ‘#ff5b64‘]
这是自己定义曲线的颜色,一般是画几条线就这里就写几个色值。
2.暂说两种显示效果:一种是直接显示数据,一种是鼠标浮上去显示的
根据测试,这两种效果不能同时使用。
直接显示数据的:
plotOptions: {
line: {
dataLabels: {
enabled: true, // 开启数据标签
style:{
‘fontSize‘:‘16px‘,
},
},
enableMouseTracking: false // 关闭鼠标跟踪,对应的提示框、点击事件会失效
}
},
浮上去显示的:
tooltip: {
borderRadius: 5
}