从chart.js图表​​中清除边距和填充

时间:2017-02-27 11:58:01

标签: chart.js

我正在使用Chart.js v2库并希望获得以下结果:

enter image description here

Chart.js在画布中有一个填充和边距渲染的内置。 是否有任何方法将此设置为0以实现上述结果。

目前我可以看起来像: enter image description here

如您所见,图表并未完全适合画布, 相反,左侧和右侧有一个小的空的图表延伸。

以下是我用于以下结果的配置:

            options: {
               responsive: true,
               maintainAspectRatio: false,
               legend: {
                        display: false,
                    },
               scales: {
                  xAxes: [{
                     gridLines: {
                        display: true,
                        color: '#eff3f6',
                        zeroLineColor: '#fff',
                        zeroLineWidth: 0,
                        drawBorder: false,
                        tickMarkLength: 0
                     },
                    ticks: {
                       display: false,
                       beginAtZero: true
                    }
              ],
                 yAxes: [{
                    gridLines: {
                       display: true,
                       color: '#eff3f6',
                       zeroLineColor: '#fff',
                       zeroLineWidth: 0,
                       drawBorder: false,
                       tickMarkLength: 0
                     },
                     ticks: {
                        display: false,
                        beginAtZero: true
                     }
                  }]
               }
            }

0 个答案:

没有答案
相关问题