Angular-chart.js - 使折线图不弯曲

Question

我正在使用Angular-Chart.js的折线图指令(在https://jtblin.github.io/angular-chart.js/#line-chart).

正如您在上面的链接中看到的,折线图是曲线.我不想要曲线,我喜欢直线.如何配置折线图以使其不弯曲.非常感谢你.

Answer 1

你可以用来代替chart-options你的线.straightcurved

你的画布看起来像这样:

<canvas class="chart chart-line" chart-data="lineData" chart-labels="lineLabels" chart-series="lineSeries" chart-options="lineOptions" chart-click="onClick"></canvas>

lineOptions在控制器中添加如下:

$scope.lineOptions ={ elements : { line : { tension : 0 } } };
//define other variables required for `line` as per your requirement.
//lineData , lineLabels , lineSeries, OnClick 

这将使你的线张力:0.因此,你的线将变直.

如果您仍然无法使用上面的方法直线,您可以尝试通过以下命令安装最新的软件包(测试版):

bower install --save angular-chart.js#1.0.0

我希望这能解决你的问题.