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
- Setting ChartJS plugin on vue-chartjs not working
- ChartJS Tooltips with time axis and multiple datasets
- chartJS doesn't show graphs on iphone/ipad
- Add all data in the tooltip of Chart JS
- How to add second Y-axis for Bar and Line chart in Chart.js?
- how to sort tooltip value in Chart.js
- how to show REALTIME chartjs of specific ID in mysql when click on corresponding marker on googlemap javascript
- Two Y-axis not aligning correctly
- Can't create separate charts using chart.js
- What can I do to ensure that my charts diagram reload every time I choose it from my dropdown?
- how to add FAHRENHEIT symbol in chart js donut chart
- native element not defined when ngSwitch condition in canvas element
- How do I draw horizontal bars with a label using either ChartJS or D3?
- Chart.js: Line displayed thinner than defined
- how to add tool tip in yii-chartjs extension
- ChartJS Line chart causes browser crash
- Chart.js - How do I dynamically change bar's stack
- Chart.js bumpy line
- How to Add minor/major configs to Ticks
- Creating datapoints on mouseclick Chart.js
- Chart.js how to modify an existing legend
- How can have variable data be from a url in javascript
- Django chartjs multiple charts stacked
- Writing blank on canvas using fillText
- chartjs display data in one bar line with 3 different data sets in 3 different colors
- add editable textbox to specific datapoint in a chart
- Error when changing data after migrating to vue-chartjs 4
- Could not find elementById on mat-card-content
- Chart.js animate chart after clicking a button
- Html5 web page with chartjs: loading an external json file and create a line chart