highcharts 使用不同的标签自定义highchart图表

n6lpvg4x  于 2023-03-23  发布在  Highcharts
关注(0)|答案(1)|浏览(151)

在我的highchart图形中,显示多个线性条形图以显示不同数据集的进度。通过显示与这些图表中的每个条形图对应的数据,我试图自定义它们。下面是我希望如何显示图形。

已经成功地创建了具有不同类型数据的图形,但现在我必须使用上述格式显示相关数据。我已经更改了属性以将它们添加为相同。但是,它没有反映。
下面提供了图形代码的工作版本。
Working Demo
另见图表数据示例:

const data= [{ name:”Apple”, Actual_Selling : 1220 , Estimated_selling : 2000},
{ name:”Orange”, Actual_Selling : 45 , Estimated_selling : 800},
{ name:”Pears”, Actual_Selling : 1220 , Estimated_selling : 300},
{ name:”Grape”, Actual_Selling : 456 , Estimated_selling : 56},
{ name:”Banana”, Actual_Selling : 55 , Estimated_selling : 800}]
sdnqo3pr

sdnqo3pr1#

您可以使用xAxis.labels.formatter来实现这一点,当xAxis.labels.useHTML设置为true时,您可以在那里使用HTML。然而,在此之前,您需要正确解析数据并使用类别传递它。

演示https://jsfiddle.net/BlackLabel/5oteqmwa/
APIhttps://api.highcharts.com/highcharts/xAxis.labels.formatter

https://api.highcharts.com/highcharts/xAxis.labels.useHTML

相关问题