如何在图表js折线图中添加X轴填充 [英] How to Add X axis Padding in chart js Line Graph

查看:136
本文介绍了如何在图表js折线图中添加X轴填充的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用图表js绘制了折线图.它运作良好,但问题是它将从0开始所有线条,但是我需要在图形线和轴线之间填充一些内容.我需要像

I drawn a Line graph using chart js. it works well but problem is it will start all the lines from 0 but i need some padding between graph line and axis line it. I need like

我需要这个缺口(红色标记).我怎样才能做到这一点?

I need this Gap ( Red Marked ). How can i achieve this??

推荐答案

来自 小提琴 您提供的一种棘手方法是将$scope.labels$scope.data一个null推入第一位置:

From the fiddle you provided, A tricky way will be to push in $scope.labels and $scope.data a null in first position:

$scope.labels.unshift('');
$scope.data[0].unshift(null);
$scope.data[1].unshift(null);

您有一个开始:

您将拥有:

这篇关于如何在图表js折线图中添加X轴填充的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆