score:3
I am able to fix this issue by following configurations.
yAxes: [{
scaleLabel: {
display: true,
labelString: 'LABEL',
},
type: 'logarithmic',
position: 'left',
ticks: {
min: 0, //minimum tick
max: 10000000, //maximum tick
callback: function (value, index, values) {
return Number(value.toString());//pass tick values as a string into Number function
}
},
afterBuildTicks: function (chartObj) { //Build ticks labelling as per your need
chartObj.ticks = [0,10,100,1000,10000,100000,1000000,10000000];
}
}]
Source: stackoverflow.com
Related Query
- Chartjs - custom y axis range
- chartjs custom y axis values, different text for each one
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How to draw a range label on x axis using chartJS
- Updating Chartjs to 2.5 with custom code
- How to set ChartJS Y axis title?
- Custom Legend with ChartJS v2.0
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- chartjs : how to set custom scale in bar chart
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- show label in tooltip but not in x axis for chartjs line chart
- ChartJs custom tooltip position
- ng2-charts: How to set fixed range for y axis
- Chartjs change the specific label color in x axis in callback function
- Chartjs 2: Multi level/hierarchical category axis in chartjs
- Chartjs 2.7.3: Set Y data at the correct X position axis
- How do I fix over limit y axis value in ChartJS
- chartjs - Drawing vertical line on integer x axis value
- Map event position to y axis value in chartjs line chart
- how to change Y axis value dynamically based on user input in Chartjs for Line chart?
- Changing the Y axis unit in Chartjs
- How to create custom legend in ChartJS
- Chartjs real time graph x axis movement
- Chartjs x axis scaling
- Chartjs change horizontal axis value
- Chart.js - y axis custom label
- How to Create a Custom Logarithmic Axis in Chart.js
- How to add ChartJS code in Html2Pdf to view image
- Custom data in label on ChartJS pie chart
- Chartjs: Custom text on y axis at certain level
More Query from same tag
- ChartJS Separate Labels for each dataset/independent datasets?
- reset the zoom to the initial in chart.js?
- Canvas displays initially in Chrome but not in Firefox
- Change chart values from API
- How can I show a subset of data on pie pieces in Chart.JS while still displaying the superset when hovering?
- Line chart not rendering data
- Uncaught TypeError: t.ticks.map is not a function, Chart.JS
- Show/Hide data from Barchart with Chart.js
- How to set global/specific properies when updating line-chart using Chart.js?
- Chart.js not appearing in tabs
- Chart.js - access yAxes properties
- chartjs V3 align legend text
- vue-chartjs cannot display the labels and datasets
- Chart.js - Changing value of hover labels
- Show value on Mixed chart, Charts.js
- Different labels in tooltip with chartjs
- ChartJs - annotation line can not drawn
- Chart.js formatting data values
- Use of ng-class with Chart.js
- Char.js - How to show labels by default in pie chart
- Assigning data structures to chartjs properties, NOT individually
- Multiple axis line chart with Chart.js and JSON data from Google Sheet
- create a chart.js point dataset from json
- Adding Image inside Linechart points in ChartJs
- Tooltip callbacks in line chart JS not working
- angular-chart.js, how to change colours labels
- How to wrangle JSON data into arrays of unknown name
- Chart.js scale which increases by x (arbitary number) for each tick
- Chart.js: Line displayed thinner than defined
- Chart.js canvas resize