score:28
Accepted answer
You need to edit the lineTension
property (check the documentation), stored in the dataset :
datasets: [{
label: "My First dataset",
lineTension: 0,
data: [/* ... */],
// ...
}]
Setting it to 0
will prevent the interpolation from working.
You can see the result on this jsFiddle, and here is a screenshot :
Source: stackoverflow.com
Related Query
- Line chart disable interpolation
- Chart.js Line chart Option does not disable gridlines
- Disable tooltip for Line chart for one line
- Limit labels number on Chart.js line chart
- Chart.js - How to set a line chart dataset as disabled on load
- Chart Js Change Label orientation on x-Axis for Line Charts
- Draw horizontal line on chart in chart.js on v2
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- Remove the vertical line in the chart js line chart
- Moving vertical line when hovering over the chart using chart.js
- create a multi line chart using Chart.js
- How to add an on click event to my Line chart using Chart.js
- line chart with {x, y} point data displays only 2 values
- Chart.js how to show cursor pointer for labels & legends in line chart
- Chart.js line chart set background color
- Display line chart with connected dots using chartJS
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- Chart.js line chart is cut off at the top?
- Chart.js - line chart with two yAxis: "TypeError: yScale is undefined"
- How to display Line Chart dataset point labels with Chart.js?
- show label in tooltip but not in x axis for chartjs line chart
- chartjs show dot point on hover over line chart
- ChartJs line chart repaint glitch while hovering over
- How to add second Y-axis for Bar and Line chart in Chart.js?
- Chart.js Mixed Bar and Line chart with different scales
- chart.js Line chart with different background colors for each section
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- How to display value of only one datapoint in line chart
- Unable to parse color in line chart (angular-chart.js)
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
More Query from same tag
- Add Text to Doughnut Chart - ChartJS
- Vue ChartKick - different colours for bar chart
- Chartjs 1 to n relationship
- Draw chart.js with data from server
- Chart.js won't display percentage label when value is above 1000?
- Chart.js v3.2 Change Radar background shape from Polygonal-Triangle to Circular
- Hide or show two datasets with one click event of legend in chart.js
- How to generate dynamic bar chart in laravel using chart.js
- ChartJS Only Show Large Font Size for a Specific Tick
- charts.js - json output to graph
- Click event on stacked bar chart - ChartJs
- Problems with chart.js using Laravel 7, Cannot find element: #app?
- TypeScript issue with custom plugin and afterDraw callback Chart.js and react-chartjs-2
- Chart.js label color
- Change labels colors for radar chart js
- Chart.js line chart is not displaying
- Charts Area JS v2: How to set units?
- Unable to access data in collection for chart.js
- How do I implement the 'autoskip' feature in chartjs?
- Chart.js 3.5.1 Attribute question about zeroLineColor
- Chart JS display Data Value on the top of the Bar
- Increase gap between line-chart and legend ChartJS
- Chart.js chart in vue.js component does not update
- Problem for display a chart with Chart.js and Angular
- How to hide axis using Chartkick.js
- Chart.js canvas is empty / white in node.js
- Chartjs working with large and small values
- Making my website interactive with the size of the screen/browser
- How could I implement chartjs-plugin-datalabels in chartjs-node-canvas?
- Chart.js custom plugin before destroy