在我的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}]
1条答案
按热度按时间sdnqo3pr1#
您可以使用
xAxis.labels.formatter
来实现这一点,当xAxis.labels.useHTML
设置为true
时,您可以在那里使用HTML。然而,在此之前,您需要正确解析数据并使用类别传递它。演示:https://jsfiddle.net/BlackLabel/5oteqmwa/
API:https://api.highcharts.com/highcharts/xAxis.labels.formatter
https://api.highcharts.com/highcharts/xAxis.labels.useHTML