美文网首页
Highcharts 设置图例,数据线,坐标轴颜色

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

作者: Shaw007 | 来源:发表于2020-01-08 09:47 被阅读0次
统一配置

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']

单独配置
  1. 设置线条的颜色, 在json中series中对应的对象添加color属性,如color: '';该优先级高,会覆盖掉上面所讲的全局统一配置
  2. 设置y轴及相关图例的颜色, 在json中yAxis中添加style属性,如style: { color: Highcharts.getOptions().colors[0] }

相关文章

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

    统一配置 Highcharts 默认会有不同y轴,图例,数据线对应的配色,按照顺序依次使用以下的默认颜色集,["#...

  • Matplotlib模块-阶段二

    设置图例 设置注解 设置坐标轴可见度 散点图 柱状图 等高线 设置图例 设置注解 设置坐标轴可见度 散点图 简略散...

  • 莫烦Matplotlib基本使用

    设置坐标轴 移动坐标轴 关于legend图例 关于annotation标注 设置坐标轴 移动坐标轴 关于legen...

  • matplotlib 画图的相关设置:坐标轴刻度字体、大小等

    导入包 设置坐标轴范围 设置坐标轴名称、字体、大小 设置坐标轴刻度、字体、大小 标题、字体、大小 图例、字体、大小...

  • Python画图&读写csv

    设置字体 设置图例 设置坐标轴的范围和刻度 设置坐标轴的精度 Python读写csv文件 matplotlib在图...

  • 2.2展示数据Matpoltlib

    1. 基本使用 基本用法 figure图像 设置坐标轴 调整坐标轴 图例legend 标注annotation 能...

  • Python作图简介

    目录 设置作图方式 工具简介MatplotlibSeaborn 基本用法设置坐标轴调整名字和间隔Legend 图例...

  • 目录

    1.1 Matplotlib 基础2.1 figure 图像2.2 设置坐标轴2.3 Legend 图例2.4 A...

  • matplotlib 学习

    基本语法 加一条线 坐标轴设置 移动坐标轴 legend 图例 Annotation 标注 散点图 柱状图 8.等...

  • R语言绘图之guide

    Guides图例与增加坐标轴 图例函数: guide_colorbar()/guide_colourbar() 用...

网友评论

      本文标题:Highcharts 设置图例,数据线,坐标轴颜色

      本文链接:https://www.haomeiwen.com/subject/akmjactx.html