Highcharts 设置图例，数据线，坐标轴颜色

Highcharts 默认会有不同y轴，图例，数据线对应的配色，按照顺序依次使用以下的默认颜色集，["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]。使用时则直接在json配置文件中添加对象即可 colors = ["", "", ""] ，可调成自己想要的配色，也可以通过Highcharts.setOptions({colors: ['','']})。

在Highcharts 3.x中默认的颜色集合如下:['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']

在Highcharts 2.x中默认的颜色集合如下:['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']

做了两条曲线 (同x轴, 双y轴), 可是显示的格式是相同的, 找了好久没找到明确的解决办法, 找到了显示的源头, 才想到从那入手, 这里简单记个笔记.

1. 首先是双 y 轴的坐标轴单位的设置, 其实很简单, 就是一个标签 lables :

2. 然后是设置对应的数据

3. 最后就是设置鼠标显示单位, 鼠标放在数据点上显示的数据格式:

我了解的可以在3个地方设置颜色:

plotOptions-->series-->color

colors

series-->color

优先级方面: 3>1>2

即如果为某数据集指定了颜色,会覆盖其他颜色配置

如果给plotOpt做了颜色设置,会覆盖根配置下colors参数

colors实际上是在初始化highchart的时候覆盖 Highcharts.options中的colors,这个一般用于全局调色.

---