highchart

Posted wanan_01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了highchart相关的知识,希望对你有一定的参考价值。

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
}

以上是关于highchart的主要内容,如果未能解决你的问题,请参考以下文章