Accepted answer

you need to enable usehtml for the xaxis labels.

xaxis: {
    crosshair: true,
    labels: {
        usehtml: true

and then you can use fontawesome icons in the category names or replace the category names by icons.

  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],

Related Query

More Query from same tag