score:2
Accepted answer
well i think that this is because you don't specify the xaxis type, so that try to add this(to your options):
"scales": {
xaxes: [{
type: "time"
}]
}
here is an example ( https://jsfiddle.net/z8xlspd7/1/ ):
and if you what to format those time values that appears when you hover the point to be more user friendly, just add this(to your options):
responsive:true,
"scales": {
xaxes: [{
type: "time",
time:{
format: timeformat,
tooltipformat: 'll'
},
scalelabel: {
display: true,
labelstring: 'date'
}
}]
}
here is an example ( https://jsfiddle.net/z8xlspd7/2/ ):
reference: https://embed.plnkr.co/joi1fpgwis0lvteluxup/
Source: stackoverflow.com
Related Query
- Wrong label value is displayed on point hover - Chart.JS
- chart.js scatter chart - displaying label specific to point in tooltip
- chartjs show dot point on hover over line chart
- Remove the label and show only value in tooltips of a bar chart
- Chart.js line chart tooltip shows wrong label when line doesn't start at first label
- Chart.js bar chart label gets hidden on hover
- Get Value for point clicked on Pie Chart in Chart.js 3
- Chartjs : Can I overwrite bar value on hover for every bar chart
- How to get line x value from Label chart js
- Chart js scatter - display label on hover
- what is wrong with my code ? java script chart position
- Chart Piechart in only show percentage on hover but it shows data and label with percentage both i just want to show percentage only percentage
- Chart.js line chart not showing point on top most value
- Get value of min/lowest label from y-axis chart
- How to show symbols after the label and before the numeric value using chart.js Bar chart in Angular
- Show label for every data point in line chart
- getting additional value fields from data source for dx.chartjs doughnut chart
- Chart JS tooltip label not showing correct value
- 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
- How to limit chart JS hover to take only one value from each line chart when zoomed out?
- ChartJS fails to render one of the lines in cartesian chart following update after change to max Y axis label value
- Chartjs line chart gets all scrambled up when an x value coincides with a label
- How can i get the Chart JS Bar Graph Bar Label and Value on click?
- How to solve Chart js mismatched x-axes label and value dynamically in Laravel?
- Chart point hover error
- JavaScript doughnut chart with centered hover label
- Tooltips displaying "rgb(0,0,0)" instead of label value on bar chart
- How can I hide point label in chart Js?
- Chart JS - How to display Label over Slices instead of text on hover
- How to clear a chart from a canvas so that hover events cannot be triggered?
More Query from same tag
- ng2-charts does not work When data is between 2 and 5
- Chart.js barchart custom on hover method
- Generate an indefinite number of charts as images (chart.js)
- Chart.js: Truncate Legend's Labels
- How to loop over Chart.js with Django list view
- Charts Area JS v2: How to set units?
- Add text before time in tooltip
- How do you revert xAxes with Chart.js?
- Radar chart - show values near vertices in chart.js
- Chartjs dynamic chart return both x & y axis undefined
- ChartJS : chartjs-plugin-datalabels The value is in the wrong place
- Chart.js not showing when i try to format dates
- How to achive Chart JS weather chart of 5 day / 3 hour forecast data
- Can I specify a different font size for each row of text in Chart Title?
- Canvas static height Chartjs
- Chartjs charts drawing with the same colour after update
- How get sum of total values in stackedBar ChartJs
- Add data to line chart js dynamically with multiple lines
- Chartjs x axis scaling
- vue-chartjs cannot display the labels and datasets
- I have a chart but it is not updating the chart with react chart-js-2
- Change the color of the legend box and the color of the x grid lines in chart.js
- Chart.js don't work when I open my app as a stand alone app in Chrome
- Chart.js : Is there a way to name each bubble in chart?
- How can I change the position of legends in chart.js?
- ChartJs resizing when parent div is resized
- Angular Chart.js, how to remove series?
- Chartjs - Stacked bar chart data order causes invisible other values
- Not able to draw Doughnut Chart from json response
- The 3rd dataset not showing in canvas