echarts初始化动画方向反了

yi碗吃不够

于 2023-06-27 09:40:30 发布

阅读量270

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_46194350/article/details/131410326

版权

echarts的折线图初始化的时候动画变成从右往左了，官网默认的是从左往右的

 init() {
            const chart = this.$refs.chart;
            const myChart = echarts.init(chart);
            const option = {
                xAxis: {
                    type: 'category',
                    data: ['A', 'B', 'C'],
                    // 反向坐标轴
                    // 这里设置为false,就正常了
                    inverse: true,
                },
                yAxis: {},
                series: [
                    {
                        data: [120, 200, 150],
                        type: 'line',
                    },
                ],
            };
            myChart.setOption(option);
            window.addEventListener('resize', function() {
                myChart.resize();
            });
        },

inverse: true,改为false