图表js并未显示所有月份

时间:2019-02-21 12:54:51

标签: javascript vue.js chart.js

我正在尝试显示带有月份的记录,其中在折线图中生成了记录,我收到以下来自数据库的响应

    ["2018-08","2018-09","2018-10","2018-11","2018-12","2019-01"]
[34000,23000,7206.05662838,62754.39869366,178273.70034272003,30600]

但是在图形中,我只能看到2018-082018-11。我想展示整个月,所以有人可以帮助我如何展示它。

以下是正在绘制

的vue js脚本
mounted() {
    const data = {
        labels: this._xaxis,
        series: [
            this._yaxis
        ]
    };

    Chartist.Line('#chartBarlineMix .chart-line', data, {
        fullWidth: true,
        low: 0,
        axisX:{
            labelInterpolationFnc: function(value, index, chart) {
                return index % 3 === 0 ? value : null;
            }       
        }
    }).on('draw', function(context) {
        if (context.type === 'label' &&
            context.axis.units.pos === 'x' &&
            context.index === data.labels.length - 1) {
            //context.element.remove();
            context.element.style='margin-right: -30px';
        }
    });

},
props: ['_gixsold', '_moneyraised','_xaxis','_yaxis', '_coinallocated', '_allcoins'],

0 个答案:

没有答案