Javascript 如何在高位图表饼图数据|切片中设置自定义颜色并希望更改切片文本
有人能给我建议一下如何给高图表数据的每一部分着色吗 下面给出了我的代码,还有一个图像。我想将我的自定义颜色添加到数据的每个部分(数据如Firefox、opera、chrome、IE等) 在这个例子中,如果我把它设为false“name:false”,那么显示的是series one,我想在Firefox切片上鼠标悬停时显示它,就像“Firefox:45%”Javascript 如何在高位图表饼图数据|切片中设置自定义颜色并希望更改切片文本,javascript,jquery,graph,highcharts,Javascript,Jquery,Graph,Highcharts,有人能给我建议一下如何给高图表数据的每一部分着色吗 下面给出了我的代码,还有一个图像。我想将我的自定义颜色添加到数据的每个部分(数据如Firefox、opera、chrome、IE等) 在这个例子中,如果我把它设为false“name:false”,那么显示的是series one,我想在Firefox切片上鼠标悬停时显示它,就像“Firefox:45%” $(函数(){ $(“#图”).高图({ 图表:{ plotBackgroundColor:null, plotBorderWidth:n
$(函数(){
$(“#图”).高图({
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
文字:“2014年特定网站的浏览器市场份额”
},
工具提示:{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
格式:“{point.name}:{point.percentage:.1f}%”,
风格:{
颜色:(Highcharts.theme&&Highcharts.theme.ContractTextColor)| |“黑色”
}
}
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
数据:[
['Firefox',45.0],
[IE',26.8],
{
名称:“Chrome”,
y:12.8,
切碎:是的,
所选:真
},
[Safari',8.5],
[Opera',6.2],
[“其他”,0.7]
]
}]
});
});代码>
要在工具提示中更改序列名称,可以更改pointFormat并删除对series.name的引用
例如:
tooltip: {
pointFormat: '<b>{point.percentage:.1f}%</b>'
},
工具提示:{
pointFormat:“{point.percentage:.1f}%”
},
小提琴:
有关颜色,请参见回答的主题:
另外:颜色可以设置为每个数据点-
或者根据系列-我们可以指定默认颜色集,报告应如下所示:
Highcharts.getOptions().plotOptions.pie.colors=['#2f7ed8', '#0d233a',
'#8bbc21', '#910000', '#1aadce', '#492970', '#f28f43', '#77a1e5',
'#c42525', '#a6c96a'];
$(函数(){
//指定颜色集,如下所示
Highcharts.getOptions().plotOptions.pie.colors=[“#2f7ed8”、“#0d233a”、“#8bbc21”、“#910000”、“#1aadce”、“#492970”、“#f28f43”、“#77a1e5”、“#c2525”、“#a6c96a”];
$(“#图”).高图({
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
文字:“2014年特定网站的浏览器市场份额”
},
工具提示:{
pointFormat:'{point.percentage:.1f}%'//更新的工具提示
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
格式:“{point.name}:{point.percentage:.1f}%”,
风格:{
颜色:(Highcharts.theme&&Highcharts.theme.ContractTextColor)| |“黑色”
}
}
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
数据:[
['Firefox',45.0],
[IE',26.8],
{
名称:“Chrome”,
y:12.8,
切碎:是的,
所选:真
},
[Safari',8.5],
[Opera',6.2],
[“其他”,0.7]
]
}]
});
});代码>
this或this@mplungjan的副本谢谢您的回复,但我的问题有不同之处,请再次查看。