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
- show xAxes on click
- Defining y-starting point for floating horizontal bar charts in Chart.js?
- Chart.JS custom legend onClick event returns error when calling original event handler
- How to get the data attribute of the canvas chart created using chartjs
- i can't create a line vertically with react annotation
- Chart.js - How to push a collection of array into dataset
- Show dynamic data with dynamic colours in chartjs
- ChartJS and Radar Chart animation
- Updating chart.js with a dataset of different size not working
- Using chart.js to output chart as a saved image rather than using canvas
- Angular-chartjs expression/value inside canvas class
- How to set max ticks count in chart.js 3.*.*
- Can I use a variable as index in for loop in python?
- Realtime chart JS in Java obtaining the data from a sensor ;Chart.js: Failed to create chart: can't acquire context from the given item
- ChartJs(Java) Can I remove only specific gridLines for a Linear Chart withouth removing the labels on xAxis?
- ChartJs - Doughnut Chart - how to remove labels if percentage is less than a limit
- Changing width and height in angular-chart.js module
- Problems with chart.js using Laravel 7, Cannot find element: #app?
- Can you add an action to an element within the tooltip in chart.js?
- chart.js stacked graph that overlaps
- Using zoom/pan with ChartJS
- Filling area between two lines - Chart.js v2
- Vertical stacked bar chart using SharePoint List
- How can i do this chart in react?
- why i have this error Utils is not defined when i want create a chart from chart.js
- Set minimum number of steps in line chart
- Chart.js 3.x custom positioners: cannot use them in TypeScript
- ChartJS – is there any way to remove blank space around pie charts?
- Two independent time axes in Chart.js
- ChartJS - x axis labels orientation