Highcharts 图例和数据标签使用不同的;名称“;

Highcharts 图例和数据标签使用不同的;名称“;,highcharts,Highcharts,我还没见过其他人这么做。在我的“系列”收藏中,我基本上有一组用于饼图的数据,但在图例中,我想对它们进行“分类”,而不是吐出这些货币价值。我以前以为我通过在完整事件中对点名称进行“图例”更新来实现这一点,但现在它似乎也在更改datalabel名称。这是我的小提琴/代码: $(函数(){ var图; $(‘饼图’)。高图({ 图表:{ plotBackgroundColor:null, plotBorderWidth:null, plotShadow:false }, 标题:{ 文本:空 }, 工

我还没见过其他人这么做。在我的“系列”收藏中,我基本上有一组用于饼图的数据,但在图例中,我想对它们进行“分类”,而不是吐出这些货币价值。我以前以为我通过在完整事件中对点名称进行“图例”更新来实现这一点,但现在它似乎也在更改datalabel名称。这是我的小提琴/代码:

$(函数(){
var图;
$(‘饼图’)。高图({
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
文本:空
},
工具提示:{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
showInLegend:是的,
数据标签:{
启用:对,
推迟:错,
格式:“{point.name}:{point.percentage:.1f}%”,
风格:{
颜色:(Highcharts.theme&&Highcharts.theme.ContractTextColor)| |“黑色”
}
}
}
},
颜色:[“77AEFF”、“94D664”、“E3DE51”、“D69567”、“D66664”、“AAAAA B”、“a89375”],
图例:{
已启用:true
},
系列:[{
键入“pie”,
数据:[
['$64,351.70', 90.0], {
名称:‘$4580.37’,
y:6.0,
切碎:是的,
所选:真
}, ['$742.31', 1.0],
['$1231.43', 2.0],
['499.97', 1.0],
['$74.54', 0.0],
['$32.35', 0.0], 
]
}]
},函数(图表){//已完成
$(文档).ready(函数(){
chart.legend.allItems[0]。更新({
名称:“当前”
});
chart.legend.allItems[1]。更新({
姓名:“31-60”
});
chart.legend.allItems[2]。更新({
姓名:'61-90'
});
chart.legend.allItems[3]。更新({
名称:“91-120”
});
chart.legend.allItems[4]。更新({
名称:“121-150”
});
chart.legend.allItems[5]。更新({
名称:“151-180”
});
chart.legend.allItems[6]。更新({
名称:“超过180”
});
});
});
}))

我基本上希望数据标签显示货币值(即美元)和百分比。但传奇继续显示“当前,31-60等”


有什么建议吗?

好的,所以我了解到图例属性有一个“labelFormatter”选项,它允许您创建一种值查找表来标记图例的名称。很酷

因此,我的图例属性现在基本上如下所示:

        legend: {
        enabled: true,
        labelFormatter: function () {
            return {
                '$64,351.70' : 'Current',
                '$4,580.37': '31-60',
                '$742.31': '61-90',
                '$1231.43': '91-120',
                '$499.97': '121-150',
                '$74.54': '151-180',
                '$32.35': 'Over 180'
            }[this.name];
        }
    },enter code here

更新的Fiddle:

确定,因此我了解到legend属性有一个“labelFormatter”选项,它允许您创建一种值查找表来标记图例的名称。很酷

因此,我的图例属性现在基本上如下所示:

        legend: {
        enabled: true,
        labelFormatter: function () {
            return {
                '$64,351.70' : 'Current',
                '$4,580.37': '31-60',
                '$742.31': '61-90',
                '$1231.43': '91-120',
                '$499.97': '121-150',
                '$74.54': '151-180',
                '$32.35': 'Over 180'
            }[this.name];
        }
    },enter code here
更新小提琴: