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

发布时间：2020-12-17 10:19:02 所属栏目：安全来源：网络整理

导读：我正在使用Angular-Chart.js的折线图指令(在 https://jtblin.github.io/angular-chart.js/#line-chart). 正如您在上面的链接中看到的,折线图是曲线. 我不想要曲线,我喜欢直线. 如何配置折线图使其不弯曲. 非常感谢你. 你可以使用图表选项使你的直线而不是曲

我正在使用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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!