score:1
Accepted answer
You need to enable useHTML for the xAxis labels.
xAxis: {
type:"category",
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],
]
Source: stackoverflow.com
Related Query
- How to add font awesome icons on x-axis in highcharts
- How to add space between chart and axis in highcharts
- How to properly align Font Awesome symbols on Highcharts scatter plots?
- How do I put Icons in the y Axis for a Dynamic Highcharts chart?
- how to use Bootstrap font icons on x-axis lables in highcharts
- How do i add mouse wheel code in Angular2 highcharts in typescript
- Highcharts - how to add icons to a label
- How to add title of axis in Highcharts
- How to add text labels to a numerical x axis in Highcharts
- How to add custom icons as markers in Highcharts
- how to set the interval of points on Y - Axis highcharts
- how to add copyright symbol in a highcharts title?
- How replicate the value of Y Axis on both sides of the axis in Highcharts
- How do I add an event listener to a Highcharts object *AFTER* I've created it
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
- Highcharts how to change x axis options
- Highcharts - How to start x axis from an arbitrary value
- How to add image in Highcharts Title and subtitle
- How to add Highcharts on UIWebView in iOS?
- how to add annotation text to a Highcharts chart?
- How to change axis label size when exporting in Highcharts / Highstock
- How to add secondary y-axis to highcharts
- How to add a label above each bar in HighCharts
- How to add an item to Highcharts legend?
- How to add new points to highcharts after plotting the first 'n' points?
- How to show only specific x-axis values on datetime axis in Highcharts
- How to hide color axis in heatmaps using highcharts
- How to populate a Highcharts axis with string formatted data from a PHP array
- How to add background colors to category groupings in Highcharts
- HighCharts : How to add or remove "chart context menu" from chart container?
More Query from same tag
- How to create a javascript column chart with overlapping columns of variable width
- Double X-axis within same Highchart object
- Highchart doesn't show the graph : error adding javascript array in series
- Hiding a highchart series is very slow
- Basic highcharts plugin, need to remove line between point
- Highchart Change lineWidth of a Serie
- Error in render: "TypeError: Cannot read property 'seriesNames' of undefined"
- How to display tooltips or legends on plotBands?
- Change shape color in Highmaps programmatically
- updating the array that is being passed to highcharts in meteor app
- Retrieving JSON data in highcharts
- how to display 24 hours in xAxis on highcharts?
- create R highchart table with sparkline
- Highchart / Easyphp / Batik
- Highcharts - how to align two charts on a same line
- Highcharts Issue - Labelling Y-Axis Based Series Data
- Highmaps: how do I detect the target of enableDoubleClickZoomTo?
- How can I plot regions using HighCharts GeoMaps?
- How to set minimum height of data element of series in stacked bar chart?
- Custom Highcharts Context Menu Button Appearing in Every Chart on Page
- How to insert overlay images in HighMaps (or HighCharts) which scale with the map
- Highcharts Pie Chart turning off data label
- Display tooltips exact format outside, into another div
- Highcharts legend title border not full width
- How to skip one level of data in a sankey chart?
- Highcharts donut pie/legends position
- How to remove empty space between bars in Highcharts polar chart?
- Uncaught TypeError: Cannot read property '0' of undefined - highcharts
- inner radius polar Highcharter
- Format highcharts date tooltip to display timezone