Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在高位图表饼图数据|切片中设置自定义颜色并希望更改切片文本_Javascript_Jquery_Graph_Highcharts - Fatal编程技术网

Javascript 如何在高位图表饼图数据|切片中设置自定义颜色并希望更改切片文本

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

有人能给我建议一下如何给高图表数据的每一部分着色吗

下面给出了我的代码,还有一个图像。我想将我的自定义颜色添加到数据的每个部分(数据如Firefox、opera、chrome、IE等)

在这个例子中,如果我把它设为false“name:false”,那么显示的是series one,我想在Firefox切片上鼠标悬停时显示它,就像“Firefox:45%”

$(函数(){
$(“#图”).高图({
图表:{
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的副本谢谢您的回复,但我的问题有不同之处,请再次查看。