如何在 highcharts 的 x 轴上添加超赞字体图标

Question

我为动态数据创建了多个图表。我想在 x 轴上添加很棒的字体图标而不是显示名称。请帮助我如何在 x 轴上添加图标而不是类别，谢谢。

Answer 1

您需要为 xAxis 标签启用 useHTML。

xAxis: {
    type:"category",
    crosshair: true,
    labels: {
        useHTML: true
    }
  },

然后你可以在类别名称中使用fontAwesome图标或者用图标替换类别名称。

  data: [
    ['<i class="fa fa-car"></i>  car', 10],
    ['<i class="fa fa-bus"></i>  bus', 63],
    ['<i class="fa fa-truck"></i>  truck', 50],
    ['<i class="fa fa-train"></i>  train', 54],
  ]

https://jsfiddle.net/r7b0123s/1/

如何在 highcharts 的 x 轴上添加超赞字体图标

How to add font awesome icons on x-axis in highcharts

javascript

angular

typescript

highcharts