如何为混合类型图表设置固定范围的数据

时间:2019-04-18 14:14:56

标签: javascript apexcharts

我有一个组合/组合图表类型(行和斜线)的行图,我想为行和斜线定义一个固定的数据比例,如何设置默认值?

Here is my existing code.

<script>
var options = {
    chart: {
        height: 350,
        type: 'line',
    },
    series: [{
        name: 'Website Blog',
        type: 'column',
        data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160]
    }, {
        name: 'Social Media',
        type: 'line',
        data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16]
    }],
    stroke: {
        width: [0, 4]
    },
    title: {
        text: 'Traffic Sources'
    },
    // labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug","Sep", "Oct", "Nov", "Dec"],
    labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001', '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'],
    xaxis: {
        type: 'datetime'
    },
    yaxis: [{
        title: {
            text: 'Website Blog',
        },
    }, {
        opposite: true,
        title: {
            text: 'Social Media'
        }
    }]
}

var chart = new ApexCharts(
    document.querySelector("#chart"),
    options
);

chart.render();
</script>

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式指定SHOW CREATE TABLEyaxis.min来定义轴范围。

yaxis.max