我正在使用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
我希望这能解决你的问题.