我想要使用css样式的高图表,个别饼图切片。高图表有一种方法来设置不同的颜色在饼图切片,但我找不到一个简单的方法来设置这些颜色通过css。
在进行类似搜索时,大多数其他问题都与标签的样式有关,而不是实际的svg路径本身。
这有可能吗?如果可能的话,怎么做?
发布于 2015-03-30 04:05:03
通过CSS使用
path:nth-of-type(2){
fill: rgb(0, 0, 0) !important;
stroke: rgb(255, 255, 255);
stroke-width: 1px;
stroke-linejoin: round;
}
对于其他饼色,则为2到其余值。
通过JS使用
colors : ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE',
'#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'],
内部高图表初始化时,json服从。
演示
发布于 2019-09-03 15:22:37
我自己刚遇到这个问题,所以这是一个很晚的回答,但可能对其他发现自己在这里的人有帮助。
在当前高级图表的版本中,使用“样式”选项,默认的High图表样式表将创建一系列编号为0-9的10个选择器:
.highcharts-color-0 {
fill: #7cb5ec;
stroke: #7cb5ec;
}
您可以在CDN: highcharts.css:https://code.highcharts.com/css/highcharts.css上看到它们。
因此,在样式表中,您可以在加载highcharts.css文件后用自己的颜色覆盖这些颜色。
颜色也应用于图例标签。
更新: 下面是一个有用的例子 --我将前3个饼片颜色设置为红色、蓝色和绿色(我从这里复制了大部分示例,然后添加了颜色)。
https://stackoverflow.com/questions/29337380
复制相似问题