Question

我的图表数据正在工作，但是我希望Y轴从我的最小值以下开始，并在最大值之上稍稍延伸一点，我正在查看yAxes-> ticks-> min / max来做到这一点。但是，当我将其添加到选项中时，会添加第二个Y轴标签，其比例为-1.0到1.0；我不确定如何摆脱这种情况。我附上了一些屏幕截图和一些模拟的js代码。谢谢


    var chartData = {
                labels: ['January', 'February', 'March'],
                datasets: [{
                    type: 'line',
                    label: 'Dataset 1',
                    borderColor: 'blue',
                    borderWidth: 2,
                    fill: false,
                    data: [
                        85, 80, 75
                    ]
                }, {
                    type: 'bar',
                    label: 'Dataset 2',
                    backgroundColor: 'red',
                    data: [
                        90, 85, 80
                    ],
                    borderColor: 'white',
                    borderWidth: 2
                }, {
                    type: 'bar',
                    label: 'Dataset 3',
                    backgroundColor: 'green',
                    data: [
                        95, 90, 85
                    ]
                }]
            };

            var ctx = document.getElementById('canvas').getContext('2d');
            window.myMixedChart = new Chart(ctx, {
                type: 'bar',
                data: chartData,
                options: {
                    title: {
                        display: true,
                        text: 'A Funky Label'
                    },
                    tooltips: {
                        mode: 'index',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                            stacked: false
                        }],
                        yAxes: [
                            {
                                ticks: {
                                    max: 100,
                                    min: 50,
                                    stepSize: 10,
                                    callback: function (value, index, values) {
                                        return value + " HP";
                                    }
                                }
                            },
                            {
                                stacked: false
                            }
                        ]
                    },
                    layout: {
                        padding: {
                            left: 10,
                            right: 10,
                            top: 0,
                            bottom: 0
                        }
                    }
                }
            });

        }

Answer 1

我找到了答案：
我试图确定是要堆积条形图还是具有多个序列图的常规条形图。无论如何，在决定坚持使用具有多个系列的常规条形图之后，我将其从“选项”部分中删除：

stacked: false

移除后，第二个Y轴消失了

Chartjs：为什么我有2个Y轴标签？

1 个答案: