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

塔那

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

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

拉维·香卡·巴尔蒂(Ravi Shankar Bharti)

您可以使用chart-optionsstraight代替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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chart.js折线图未显示

来自分类Dev

向Chart.js折线图添加标题

来自分类Dev

具有区域范围的Chart.js折线图

来自分类Dev

Chart.js折线图设置背景色

来自分类Dev

增加chart.js中折线图的标签大小

来自分类Dev

Chart.js-向折线图背景添加渐变

来自分类Dev

Chart.js - 折线图最右边的数据点

来自分类Dev

如何摆脱折线图上每个点顶部的折线(Chart.js)

来自分类Dev

使用d3.chart.js的d3.js中的折线图

来自分类Dev

Chart.js-多个折线图-仅显示最后一个图表

来自分类Dev

使用Chart.js更改折线图的标签字体颜色

来自分类Dev

在带有json响应的chart.js中绘制折线图

来自分类Dev

在chart.js中绘制折线图,仅在值更改时才放置点

来自分类Dev

Chart.js水平折线图或修改后的水平条形图

来自分类Dev

是否可以使用chart.js恢复折线图中的x轴值

来自分类Dev

如何在Chart.js折线图上自定义y轴标签?

来自分类Dev

Chart.js在折线图上绘制两个json数据集

来自分类Dev

将时间缩放比例添加到折线图(Chart.js)

来自分类Dev

将XML数据解析为Chart.js折线图

来自分类Dev

使用chart.js将数据添加到折线图

来自分类Dev

如何使用Chart.js显示折线图数据集点标签?

来自分类Dev

如何创建带有锁定y轴的水平滚动Chart.js折线图?

来自分类Dev

Chart.js-如何将折线图数据集设置为在加载时禁用

来自分类Dev

Chart.js V2折线图缺失点

来自分类Dev

chart.js:连接两个折线图的问题

来自分类Dev

折线图不适用于time chart.js类型

来自分类Dev

折线图chart.js上有两个不同的x轴标签

来自分类Dev

如何从MVC控制器显示Chart.js折线图

来自分类Dev

如何自定义Chart.js折线图的工具提示?

Related 相关文章

热门标签

归档