我怎样才能在高图中保持颜色不变
How can i keep the color the same in highcharts
我第一次使用高图。它看起来很酷,几乎在做我想做的事。我使用一个饼图,每秒钟刷新一次数据。只有作品的颜色每秒都在变化。我怎样才能保持不变的颜色?
这是我的代码
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
animation: false,
plotBorderWidth: null,
plotShadow: false,
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function() {
$.getJSON("opencont.php", function (data) {
$.each(data.vragen, function (index, value) {
series.addPoint([value.short, value.antwoorden], true, true);
})
})
}, 1000);
}
}
},
title: {
text: ''
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['a', 0], ['b', 0], ['c', 0]
]
}]
});
});
您真的想在饼图中添加新点,还是用新值替换现有点?
如果是后者,您可能需要查看Series setData方法。示例位于http://jsfiddle.net/ebuTs/22/
您尝试过chart.colors选项吗?
http://www.highcharts.com/ref/#colors
我认为你需要拥有与数据点相同数量的颜色。似乎对我有用:
http://jsfiddle.net/X9XYK/
相关文章:
- 动态更改高图中的系列颜色
- 如何为高图中的区域线创建z索引
- 如何将数据标签与数据一起传递,以便在高图中的工具提示中显示
- 删除高图中的第一条和最后一条网格线
- 如何根据高图中的值获得动态颜色变化
- 动态更改高图中x轴刻度标签的日期时间格式
- 在高图中重命名导出时的图例
- 我怎样才能在高图中保持颜色不变
- 如何在高图中缩放缩放事件的svg路径
- 将开始日期和结束日期添加为高图中的X轴标签
- 是否可以在具有多个停止点的高图中呈现线性渐变
- 在高图中启用“向下钻取”功能,无需修改序列
- 如何在java脚本高图中实现z索引
- 如何在高图中设置y轴值
- 在多Y轴高图中重叠Y轴
- 如何更改饼状高图中的字体属性
- 在高图中动态改变点的颜色
- 从下拉菜单中更改选择时,更改高图中的数据
- 在高图中显示JavaScript日期的X轴
- 改变数据在高图中的显示方式