score:2
Accepted answer
the chart.js docs you linked to specify this structure for formatting time axes labels:
time: {
displayformats: {
quarter: 'mmm yyyy'
}
}
so plugging in your format that becomes:
time: {
displayformats: {
second: this.timeformat
}
}
you were right, just a tiny detail! (updated fiddle).
Source: stackoverflow.com
Related Query
- time series stream, removing am/pm on x axis and 24 hour format
- Chart JS - set start of week for x axis time series
- Format Y axis of Chart.JS as Time
- chart.js different x axis and tooltip format
- Chart.js v3.x time series on x axis
- chartjs time cartesian axis adapter and date library setup
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How to plot chart from external JSON and format X-AXIS to show time using Chart.JS?
- how can i use chart.js to create a chart that has one time series line and one linear line on it at the same time?
- Chart.js - changing tick / label positions for x axis time series
- chart js - bar chart with time scale on Y axis in Hours and Minutes
- chart.js 3 and time axis displays wrong date data
- Chart with Time axis only displaying first grid line and tick label (unitStepSize)
- Adding hours and minutes to a date object for time axis
- chart.JS time axis labels should be just in hours format
- How to set 3 axis in google chart (V-Axis Left as Qty, V-Axis Right as Series Column and H-Axis as TimeOrder)?
- Using epoch as time series on x axis in react-chartjs-2 not showing correct date
- Chart.js bar chart with time on X axis and category on Y axis is not rendered
- Chart.js 2.9.4 - howto set a margin for axes min\max and time axis label separation
- Time format on the x axis in Chart.js
- How to start the chart from specific time and offest hour and then show the data on chart from target datetime in chartjs
- ChartJS time axis not plotting correctly | getting an hour instead of date
- How to zoom Y axis on time series or X-Y chartjs graph
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- ChartJs line chart time cartesian axis number of ticks and wierd offset
- chart.js time series multi axis case
- Issues with Moment and ChartJS Time Format Parsing
- Chart.JS - Set fixed X and Y axis values in time chart?
- ChartJS Tooltips with time axis and multiple datasets
- Chart.js Time series - x axis that change depending on timestamp
More Query from same tag
- Chart.js responsive css size
- Laravel & chartjs blank canvas
- How to align legend in angular-chart.js
- Display only certain labels with chart.js
- Chartjs export chart without html
- Chart js. How to change font styles for "labels" array?
- How to set default callback for tooltip title with chart.js
- Update chart data in angular2-chartjs
- How can I hide point label in chart Js?
- Chart js scatter graph labels
- Create bar chart with chart.js where space per bar is the same, overall chart size adjusted
- Chart.js stacked and grouped horizontalBar chart
- Handle X-axis label position in chart js
- Display the triangle pointStyle of chartjs upside down
- How populate chart.js with sql data?
- How do I add different data in my new chart?
- Creat Chart Bar using ChartJS
- How to use chart.js in blazor?
- Gradient colour in backgroundColor JS
- How do I customize the chart.js tooltip? Two labels have the same data, which I want to show you with each data
- How to use legendCallback or similar when using Chart.js with TypeScript
- How to vary the thickness of doughnut chart, using ChartJs.?
- Data not displaying in django admin - using chart.js (no errors)
- How to remove left and right padding from the canvas/chart?
- ChartJS passing data dynamically, then passing data into variables
- chart.js cuts data points to half
- Render Javascript in DOMPDF is not working as expected
- Chart js 2.x renders the canvas invisible
- ChartJS - change chart type by changing y-axis Label
- How to Change the Y axis of an Primefaces 7.0 ChartJS Linechart with Java?