在Highcharts中,如果图表的标签显示的是值而不是名称,通常是因为数据系列的配置不正确。你需要确保数据系列中的每个数据点都有一个对应的名称(类别),并且这些名称在图表的x轴或y轴上正确显示。
以下是一些可能的解决方案:
如果你使用的是数组形式的数据系列,确保每个数据点都有一个对应的名称。例如:
series: [{
name: 'Series Name',
data: [
['Category 1', 10],
['Category 2', 20],
['Category 3', 30]
]
}]
categories
属性如果你使用的是数值轴,并且想要显示自定义的类别名称,可以在x轴或y轴上使用categories
属性。例如:
xAxis: {
categories: ['Category 1', 'Category 2', 'Category 3']
},
series: [{
name: 'Series Name',
data: [10, 20, 30]
}]
point.name
属性如果你使用的是对象形式的数据系列,可以在每个数据点上设置name
属性。例如:
series: [{
name: 'Series Name',
data: [
{ name: 'Category 1', y: 10 },
{ name: 'Category 2', y: 20 },
{ name: 'Category 3', y: 30 }
]
}]
确保图例配置正确,以便显示正确的系列名称。例如:
legend: {
enabled: true,
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom'
}
以下是一个完整的示例,展示了如何在Highcharts中正确配置数据系列和轴类别:
Highcharts.chart('container', {
chart: {
type: 'bar'
},
title: {
text: 'Example Chart'
},
xAxis: {
categories: ['Category 1', 'Category 2', 'Category 3']
},
yAxis: {
title: {
text: 'Value'
}
},
series: [{
name: 'Series Name',
data: [10, 20, 30]
}]
});
领取专属 10元无门槛券
手把手带您无忧上云