score:6
Accepted answer
it looks like it's been changed with v2.0. it is now tension:0
. as of this writing the docs state it's linetension:0
, but that seems incorrect.
score:10
set the option beziercurve
to false
.
window.onload = function(){
var ctx = document.getelementbyid("canvas").getcontext("2d");
window.myline = new chart(ctx).line(linechartdata, {
responsive: true,
scalefontcolor: "#ff5972",
beziercurve: false
});
});
it's right there in the line chart option list.. you can also have them be curved but "stiffer" by leaving the option set and then varying the beziercurvetension
property.
Source: stackoverflow.com
Related Query
- charts.js straight lines - i cant find a solution
- How to make lines in line charts from ng2-charts straight lines?
- Chart.js : straight lines instead of curves
- ChartJS Line Charts - remove color underneath lines
- Chart.js - Line charts with different colors for each border lines
- Find intersection between the chart lines in chartjs
- Adding Vertical lines to charts
- How to run Chart.js samples using source code
- Chart.js : straight lines and curves lines in the same graph
- how to not repeat code while creating multiple charts in chart js
- Click events on Pie Charts in Chart.js
- Chart Js Change Label orientation on x-Axis for Line Charts
- Chart.js - add gradient instead of solid color - implementing solution
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- How can I make two of my lines in Chart JS thicker
- Chart.js 2.0 - vertical lines
- How to modify bar width in Chartjs 2 bar charts
- Filling area between two lines - Chart.js v2
- Page with multiple chart.js charts to pdf
- Draw horizontal lines in Chart.js 2.0
- Chart.js - Where do I find which components should be registered?
- Charts JS: How to set units?
- How to drill down charts with ChartJS?
- How to save Chart JS charts as image without black background using blobs and filesaver?
- Legends for line charts in Chart.js
- Bootstrap 3 tabs & Chart.js - charts not loading on tabs
- ChartJS : How to leave just points without lines
- ChartJS - Donut charts with multiple rings
- Chart JS Fill Between two lines
- Apply/Register conflicting plugins to different charts
More Query from same tag
- How can I make a stepline or stepped chart in chart.js or D3?
- What is self.scale.endPoint chartJs v2.0?
- react-chart-js-2 in combination with TypeScript for LineCharts: Uncaught Error: "point" is not a registered element
- Remove custom Chart Js tool tip colour square
- Add new line in es6 inside a doughnut chart
- how to load mysql query to chartjs with php?
- Chart.js - Datalabels not showing using formatter
- Is it possible to change chartjs line value in one column ? No transition
- chart.js coffeescript can't find variable
- How to display icon arc of doughnut chart with primeVue
- Chart JS not reloading in Partial View
- How to Reset a Chart of Chart.Js?
- How to change line segment color based on label value in chart.js?
- Is there any way to change the font color and size of labels in Chartjs 3.0.0
- AJAX request not working unless alert() is used
- Add dynamically function to Chart.js
- Chart.js Doughnut Chart Sizing
- Chartjs not rendering in navigation stack
- how to highlight the bars in stacked bar chart of chart.js on clicking a legend
- How remove duplicates xAxis labels and show all values on chart
- how to show multiple values in point hover using chart.js
- Template variable injection in JS script
- Charts.js in Django: Charts cannot appear
- Angular charts is not displayed
- data in charts of charts.js is changing when I click in the line chart
- How to show tooltip only when data available in chart js?
- native element not defined when ngSwitch condition in canvas element
- Issue with chartjs linear gradient for the mixed bar chart in ReactJS is not calculated for each individual Bars
- donut chart tooltip under center text
- how to set chart.js grid color for line chart