Highcharts的图例颜色与饼图切片的颜色相同
Highcharts same legend color as of the pie chart slice color
嗨,我正在制作高图饼状图,我正在显示图表的传奇。我想显示图例的颜色与每个切片的颜色相同。目前每个图例的颜色是相同的。这是我的代码
<script src="text/javascript">
Highcharts.theme = {
colors: ['#058DC7', '#50B432', '#FFC000', '#ED561B', '#DDDF00', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
chart: {
backgroundColor: {
linearGradient: [0, 0, 500, 500],
stops: [
[0, 'rgb(255, 255, 255)'],
[1, 'rgb(240, 240, 255)']
]
}
}
};
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
var chart;
chart = new Highcharts.Chart({
chart: {
renderTo: 'holdingPie',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
spacingBottom: 0,
margin: [0, 0, 0, 40]
},
title: {
text: ''
},
credits: {
enabled: false
},
tooltip: {
formatter: function () {
return '<b>' + this.point.name + '</b>: ' + roundNumber(this.percentage, 2) + ' %' + ' of total holding value';
},
style: {
fontSize: '11px'
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
legend: {
enabled: true,
layout: 'vertical',
float: true,
style: {
left: '0px',
bottom: 'auto',
right: 'auto',
top: '0px',
margin: '0px',
padding: '5px'
}
},
series: [{
type: 'pie',
name: 'Holdings'
<?php piedata(); ?>
}]
});
}
piedata()是从数据库中获取数据的函数。我已经搜索过了,但没有找到任何相关的东西。highchart api中是否有选项可以显示与饼状切片相同的颜色的图例或任何其他方式来做到这一点
使用您的代码,我创建了一个小提琴。我用了另一个小提琴的数据,因为你的数据不在这里。我做的另一个更改是,在图例中,我保持启用:仅为true并删除所有样式。你的图例出现在派上,这可能是你的图例的颜色可能无法区分的原因。
legend: {
enabled: true /*,
layout: 'vertical',
float: true,
style: {
left: '0px',
bottom: 'auto',
right: 'auto',
top: '0px',
margin: '0px',
padding: '5px'
}*/
}
查看我的工作提琴在这里
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- jsf中两个字符串的颜色代码差异
- 对不同的数组进行切片并返回选定的值
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 如何确保Google图表面板中的过滤饼图保持一致的切片颜色
- 将鼠标悬停在切片上时更改d3.js饼图标签的颜色
- 如何更改饼图切片的颜色
- 高图表 - 饼图动态更改切片颜色
- highCharts:当数据集的颜色未定义时,切片在piechart中为白色
- Highcharts的图例颜色与饼图切片的颜色相同
- 使用Plotly定义饼图切片颜色
- 使用DC.js从饼图中选择切片颜色
- 如何捕获 Google 图表饼图切片的颜色值