Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Chart.js中向垂直比例(X轴)添加填充?_Javascript_Chart.js_Padding_Chart.js2 - Fatal编程技术网

Javascript 如何在Chart.js中向垂直比例(X轴)添加填充?

Javascript 如何在Chart.js中向垂直比例(X轴)添加填充?,javascript,chart.js,padding,chart.js2,Javascript,Chart.js,Padding,Chart.js2,根据Chart.js2.3版的“”,只能为Y轴上的刻度设置填充(“水平刻度”): 填充|数字| 10 |在刻度标签和轴之间填充注:仅适用于水平刻度。 这就像一种魅力: scales: { yAxes: [{ ticks: { padding: 20, } }], xAxes: [{ ticks: { // how to set padding here? }

根据Chart.js2.3版的“”,只能为Y轴上的刻度设置填充(“水平刻度”):

填充|数字| 10 |在刻度标签和轴之间填充注:仅适用于水平刻度。

这就像一种魅力:

scales: {
    yAxes: [{
        ticks: {
            padding: 20,
        }
    }],
    xAxes: [{
        ticks: {
             // how to set padding here?
        }
    }]
}
但是草稿上说,我还需要在X轴上添加一些填充

如何使用Chart.js实现这一点


也许可以使用插件?

将值传递到中的“tickMarkLength” 选项-->缩放-->X轴-->网格线

xAxes: [{
  gridLines: {
   tickMarkLength: 10
},

游戏到此结束,但最新Chart.js的解决方案是将其包含在您的
选项中
参数:

{
  scales: {
    xAxes: [
      {
        ticks: {
          padding: 20
        }
      }
    ]
  }
}

对于2.8版,正确答案如下:

options: {
    scales: {
        xAxes: [{
            ticks: {
                padding: 100
            }
        }], 
    }
}

你能找到解决办法吗?我也在同一条船上:-)@JesseSchutt不幸的是没有。你是如何完成勾号1和勾号2之间的空格的@灯罩