我正在使用来自Angular-Chart.js的折线图指令(位于https://jtblin.github.io/angular-chart.js/#line-chart)。
如您在上面的链接中看到的,折线图是曲线。我不想弯曲,我想要直线。如何配置折线图使其不弯曲。非常感谢你。
您可以使用chart-options
来straight
代替curved
。
您的画布看起来像这样:
<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
希望这能解决您的问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句