当前位置: 首页 > 编程笔记 >

highcharts 色彩

麹高远
2023-03-14
本文向大家介绍highcharts 色彩,包括了highcharts 色彩的使用技巧和注意事项,需要的朋友参考一下

示例

在Highcharts中,有一个数组,其中包含图表系列的默认颜色。使用所有颜色后,将从头开始再次拉新颜色。

版本4.x和5.x的默认颜色是:

colors: [
    '#7cb5ec', 
    '#434348', 
    '#90ed7d', 
    '#f7a35c', 
    '#8085e9', 
    '#f15c80', 
    '#e4d354', 
    '#2b908f', 
    '#f45b5b', 
    '#91e8e1'
]

Highcharts 3.x中,默认颜色为:

colors: [
    '#2f7ed8', 
    '#0d233a', 
    '#8bbc21', 
    '#910000', 
    '#1aadce', 
    '#492970', 
    '#f28f43', 
    '#77a1e5', 
    '#c42525', 
    '#a6c96a'

]

Highcharts 2.x中,默认颜色为:

colors: [
    '#4572A7', 
    '#AA4643', 
    '#89A54E', 
    '#80699B', 
    '#3D96AE', 
    '#DB843D', 
    '#92A8CD', 
    '#A47D7C', 
    '#B5CA92'
]
           

 类似资料:
  • Highcharts 饼图 以下实例演示了单色饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 colors 配置 使用 Highcharts.getOptions().plotOptions.pie.colors 属性来配置每个饼的颜色。 // 设置单色并为所有饼设置默认主题 Highcharts.getOptions().plotO

  • Highcharts 是一个制作图表的纯 Javascript 类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等; 对个人用户完全免费; 纯 JS,无 BS; 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图; 跨语言:不管是 PHP、Asp.net 还是 Java 都可以使用,它只需要三个文件:一个是 Highcharts

  • Highcharts Android 是官方发布的 Andrioid 扩展包,可以很方便的在 Android 开发环境中使用 Highcharts 创建交互性图表。 开发环境 下载好的 Highcharts 框架 Highcharts 框架的下载 有以下两种方式可以下载 Highcharts 框架: 方法一: 直接在 gradle 文件中添加 Highcharts 仓库 在 build.gradl

  • Highcharts iOS 是官方发布的 iOS 扩展包,可以很方便的在 iOS 开发过程中使用 Highcharts 创建多点触控的交互性图表。 API 文档 地址:API 文档 开始 接下来,以一个示例项目的创建简单介绍一下 Highcharts iOS 的基本使用方法。 步骤 创建 iOS 项目 使用 Highcharts 在 view 中创建图表 view 创建图表配置并添加到图表 vi

  • Highcharts Angular 是我们基于 Angular 框架封装的 Highcharts,可以很方便的在 Angular 开发环境中使用 Highcharts 创建交互性图表。 开发环境 确保您的 node, NPM, Angular 已经更新到最新版本。以下是经过测试和要求的版本: node 6.10.2+ npm 4.6.1+ @angular/cli 6.0.0+ Highchar

  • Highcharts React 是我们基于 React 框架封装的 Highcharts,可以很方便的在 React 开发环境中使用 Highcharts 创建交互性图表。 开发环境 确保您的 node, NPM, React 已经更新到最新版本。以下是经过测试和要求的版本: node 8.11.3+ npm 6.4.1+ 或者类似的包管理工具 React 16.4+ Highcharts Re