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

Question

我有一个组合/组合图表类型（行和斜线）中的行图，我想为行和斜线定义一个固定的数据比例，如何设置默认值？

这是我现有的代码。

<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>

Answer 1

您可以通过以下方式指定yaxis.min和定义轴范围。yaxis.max

yaxis: [{
    min: 100,
    max: 1000,
    title: {
        text: 'Website Blog',
    },
}, {
    min: 10,
    max: 200,
    opposite: true,
    title: {
        text: 'Social Media'
    }
}]