尖峰删除图表中点之间的间距

时间:2019-08-14 12:26:08

标签: javascript apexcharts

enter image description here

通过什么方式可以删除图表中各点之间的空间? 图表中的数据结构类似于每个工作日9:00-18:00的数据 中间大空间-周六和周日两天 我如何删除此空白空间或对其进行压缩,并为其他数据腾出更多可用空间?

这是我的代码:

chart: {
    height: 240,
    type: 'area',
    toolbar: {
        show: false
    },
    stackType: '50%',
    zoom: {
        enabled: true,
        type: 'x',
        autoScaleYaxis: true,
    },
},
series: [
    {

    },
],
yaxis: {
    opposite: true,
    labels: {
        offsetX: -20
    }
},
xaxis: {
    type: 'datetime',
    labels:
        {
            show: false,
        },
    axisBorder: {
        show: false,
    },
    axisTicks: {
        show: false,
    },
},
colors: ['#783A87',],
stroke:
    {
        curve: 'straight',
        width: 1,
    },
dataLabels: {
    enabled: false,
},
legend: {
    show: false,
},
grid: {
    strokeDashArray: 3,
    padding: {
        left: 0,
        right: 0
    }
},
tooltip: {
    x: {
        show: false,
        format: 'dd MMM yyyy HH:mm'
    },
},
fill: {
    colors: undefined,
    opacity:
        0.05,
    type:
        'solid',
    gradient:
        {
            shade: 'dark',
            type:
                "horizontal",
            shadeIntensity:
                0.5,
            gradientToColors:
            undefined,
            inverseColors:
                true,
            opacityFrom:
                1,
            opacityTo:
                1,
            stops:
                [0, 50, 100],
            colorStops:
                []
        },
}

尝试通过将数据集划分为不同的序列来划分图表,但这对我不起作用

0 个答案:

没有答案