score:0
simonbrunel gives a solution: link and fiddle https://jsfiddle.net/simonbrunel/y1ry2cvb/.
if you want to use icons in chart, you must give a fontfamily, in my case i use icons from fontawesome
options: {
scales: {
xaxes: {
ticks: {
fontfamily: 'fontawesome',
}
}
}
}
and after that, im using unicod: \uf071
-->> exclamation-triangle
Source: stackoverflow.com
Related Query
- Chart.js add icon at the top of bar
- Add a custom label to the top or bottom of a stacked bar chart
- How to add labels on top of the chart bar with Chart.js 2
- Chart JS display Data Value on the top of the Bar
- How to add an extra tick on top of the highest bar in Chart.js v2.9.4 (grace)?
- Chart.js stacked bar chart text on top of the stacked bars
- How to add custom text inside the bar and how to reduce the step size in y axis in chart js( Bar chart )
- How do you create rounded corners on the top and bottom of a bar chart and the between 2 part still draw like image?
- Add a click event to the bar chart of chartjs
- How to add text inside the doughnut chart using Chart.js?
- Add DataSet Bar Chart - Chart.JS
- ChartJS add tooltip to a grouped bar chart
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How to add text in centre of the doughnut chart using Chart.js?
- line graph spot in the top middle of the bar graph
- Chart.js - Add gradient to bar chart
- ChartJs bar chart - keep bars left instead of equally spread across the width
- Border radius for the bar chart in ChartJS
- Add all data in the tooltip of Chart JS
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- Remove the label and show only value in tooltips of a bar chart
- how to add a title to my ng2-charts bar chart
- Grouping the object by key for Chartjs bar chart
- PrimeNg bar chart how to show a label for the y-axis
- ChartJS Line chart cut off at the top and bottom
- Show data on top of bar chart in Chart.js v 2.7.1
- Fix the height of Y-Axis of Bar chart in chart.js?
- How to make bar chart animation where all bars grow at the same speed?
- How can I add some text in the middle of a half doughnut chart in Chart.JS?
- How to show data values in top of bar chart and line chart in chart.js 3
More Query from same tag
- Chartjs backgroundColor for line chart does not appear in Vue app
- How to write better code in es6 for formatting an object with array values
- How to add area with break on line chart with fill color
- Chart.js Bar Chart - how to chart bars from 0
- Chart js nested pie label colors in legend
- Can't Customize Chart.js
- Chart.js - Ajax response not accept
- ChartJS/High Charts Radar chart - Different radial axis labels for each category that appear on hover
- How to change the angle of x axis ticks dynamically based on size of name?
- Render Chartjs on hidden DIV
- HTML Input Form to a Javascript Variable
- Display Bar chart values in the graph - ChartJS
- Displaying data from simple html form to display in chartjs
- Add value to horizontal bar in chart.js
- Old data flickering after hover on line graph Chart.js
- Can a service get access to component's template
- Chartjs render only the last in loop (ionic)
- Filter dates from the first day of the month to the current date
- How to print angular-chart
- Chart.js glitches and reverts to previous dataset on hover
- Bubble getting cut off in Chart.js
- Why my buttons does not work?
- Position of the x-axis labels is not in sync with the line chart data points
- How to show area chart with timeseries configuration with different datasets in Chart.js v3?
- ChartJs different data for Tooltips
- first and last value is not displaying in chart.js used with django
- How to hide a portion of chart or a div in Angular?
- API data not loading in chart.js until element is inspected or page is resized
- Integrate Blazor with Chart.js: how to pass an object
- how to show bar chart for every product