score:-1
i am not sure there will be an option on chart.js.
one way to deal with it is to render line charts initially and then switch the type to 'bar' when zoomed into certain date ranges.
depending on the type of data, you could also group up the data by summing (or averaging) the data by day (or week or month). then pass it into the chart and the time series option should be able to display the x axis dates in a more sensible manner.
otherwise you will have to look into more power charting libraries that can handle and manipulate bigger datasets like amcharts: https://www.amcharts.com/demos/stock-chart-candlesticks/
or look into using d3 that is highly customisable, but a bit more complex to work with.
Source: stackoverflow.com
Related Query
- Properly scaling xAxis with time in chart.js
- How to prevent first/last bars from being cut off in a chart with time scale
- Chart.js Dynamically Updating Chart with X Axis Time
- React chart : prevent chart's canvas scaling with height and width
- Stacked line chart not displaying correctly when Xaxis is time
- How to get chart from data points (arrays) with inconsistent time intervals and chart.js?
- Line chart doesn't work with type time chart.js
- react-chartjs-2 line chart with time on X-axes with multiple data sets plotted wrong
- chart js - bar chart with time scale on Y axis in Hours and Minutes
- How do you make a progressive line chart with time as the X axis?
- Line Chart using Chart js with time data
- Chart with Time axis only displaying first grid line and tick label (unitStepSize)
- How to use chart.js to plot line chart with x axis as time stamp in seconds
- what is wrong with my code ? java script chart position
- Time chart labels with some X axis labels using Chart js v3
- Chart.js bar chart with time on X axis and category on Y axis is not rendered
- date and time chart With Chart js
- Chart is not rendering properly time axis
- Two data sets with different time instances on the same ChartJs chart
- ChartJS, updating chart type does not update xAxis properly
- Chart.js - creating time series freqency chart with JSON data
- 'Chart.js' time chart not displaying properly
- hereChartJS Line Chart with Time Axis
- Django Time Series with Chart JS
- real time scrolling based chart with chart.js
- Plotting multiple JSON subobjects in Chart.js Line chart ( with Time as x-axis)
- ChartJS with React: Only one value showing on time chart
- ChartJS Bar chart with time scale - Bars overlap with each other
- Trouble with chart scaling and zooming using Chart.js and chartjs-zoom-plugin
- Update a chart dynamically with socket.io in real time
More Query from same tag
- Fade other lines when hovering legend in Chart.js
- Chart.js Tooltips customization
- GWT Chart.js implementation throws 'unable to get property 'insertBefore' of undefined or null reference
- Reduce size of chart within the canvas
- Is it possible to use mouseenter and mouseleave event in chart js?
- Angular Chart.js not displaying Chart (Legend is Displaying)
- ChartJS "Unable to get property 'getTime' of undefined or null reference"
- ChartJS - Injecting data from the server-side
- How to set minimum height for bars graph
- Chart.js - (intermediate value).Doughnut is not a function
- Chart.js. Values in a big range. The smallest values are not available
- Why Chart.JS showing an extra line
- ChartJs Uncaught ReferenceError for labels value from ViewBag
- how to add this external vue component in my laravel5.3 project?
- ChartJS is not rendered
- How to seprate label and total value using array and pass to view
- Adding Vertical scroll bar in a bar-chart (chartjs)
- ChartJS Recreate Chart
- Trouble getting Axis Labels to show up in Chart.js
- How do I prevent the scale labels from being cut off in chartjs?
- How to realize a discontinuous section (jumps) in a continuous line plot with Chart.js?
- How to change states for making dynamic pie chart?
- How to push element in array in a certain structure
- Chart.js displaying time data
- Export Canvas Charts to png and pdf
- format y axis labels in bold
- Set an array to be displayed at Chart js
- chartjs-plugin-annotation won't draw anything
- Chartjs stacked bar separate tooltip for all stacked
- Chart.js: summing number of items in active/shown datasets on yAxes of pie chart