首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >高级图表:是否有可能对单个饼图切片进行样式设计?

高级图表:是否有可能对单个饼图切片进行样式设计?
EN

Stack Overflow用户
提问于 2015-03-30 02:11:57
回答 2查看 1.3K关注 0票数 0

我想要使用css样式的高图表,个别饼图切片。高图表有一种方法来设置不同的颜色在饼图切片,但我找不到一个简单的方法来设置这些颜色通过css。

在进行类似搜索时,大多数其他问题都与标签的样式有关,而不是实际的svg路径本身。

这有可能吗?如果可能的话,怎么做?

EN

回答 2

Stack Overflow用户

发布于 2015-03-30 04:05:03

通过CSS使用

代码语言:javascript
运行
复制
path:nth-of-type(2){
      fill: rgb(0, 0, 0) !important;
  stroke: rgb(255, 255, 255);
  stroke-width: 1px;
  stroke-linejoin: round;
}

对于其他饼色,则为2到其余值。

通过JS使用

代码语言:javascript
运行
复制
colors : ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', 
   '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'],

内部高图表初始化时,json服从。

演示

票数 1
EN

Stack Overflow用户

发布于 2019-09-03 15:22:37

我自己刚遇到这个问题,所以这是一个很晚的回答,但可能对其他发现自己在这里的人有帮助。

在当前高级图表的版本中,使用“样式”选项,默认的High图表样式表将创建一系列编号为0-9的10个选择器:

代码语言:javascript
运行
复制
.highcharts-color-0 {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}

您可以在CDN: highcharts.css:https://code.highcharts.com/css/highcharts.css上看到它们。

因此,在样式表中,您可以在加载highcharts.css文件后用自己的颜色覆盖这些颜色。

颜色也应用于图例标签。

更新: 下面是一个有用的例子 --我将前3个饼片颜色设置为红色、蓝色和绿色(我从这里复制了大部分示例,然后添加了颜色)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29337380

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档