ApexChars在x轴上均匀分布

时间:2019-06-07 08:28:33

标签: charts apexcharts

我正在使用ApexCharts绘制一张图表,类似于其市场上商品价格历史记录中的蒸汽。 Steam拥有上个月的每小时价格信息,其余的则具有每天的价格,并且当您使用任何过滤器时,xaxis的标签平均分配。

我一直在ApexCharts文档中寻找选项,但找不到任何东西,或者我错过了。

Here是使用ApexCharts时的外观。最后可以看到上个月的数据。

// Options without the series and categories data

    var options = {
        chart: {
            height: 350,
            shadow: {
                enabled: true,
                color: '#000',
                top: 18,
                left: 7,
                blur: 10,
                opacity: 1
            },
            toolbar: {
                show: false
            },
            animations: {
                enabled: false
            }
        },
        colors: ['#77B6EA', '#545454'],
        dataLabels: {
            enabled: false,
        },
        stroke: {
            curve: 'smooth',
            width: 1
        },

        grid: {
            borderColor: '#ffffff',
            padding: {
                left: -10
            }
        },
        yaxis: {
            labels: {
                offsetX: -20
            },
            min: 0,
            max: 30
        },
        legend: {
            position: 'top',
            horizontalAlign: 'center',
            floating: true,
            offsetX: -5
        },
        series: [...],
        xaxis: { 
            type: 'datetime',
            categories: [...] 
        }
    }

ApexCharts example

here是蒸汽市场的例子。您会看到x轴上的所有内容都是均匀分布的。他们使用的是jqplot,找不到任何指向我使用ApexCharts做正确方向的东西

Steam

有可能做到吗?

0 个答案:

没有答案