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

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'
    }
}]

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

How to Set a Fixed Range of Data for a Mixed Type Chart

javascript

apexcharts