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

前端之家收集整理的这篇文章主要介绍了angularjs – Angular-chart.js – 使折线图不弯曲前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular-Chart.js的折线图指令(在 https://jtblin.github.io/angular-chart.js/#line-chart).

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

你可以使用图表选项使你的直线而不是曲线.

你的画布看起来像这样:

<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

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

原文链接:https://www.f2er.com/angularjs/240500.html

猜你在找的Angularjs相关文章