ECharts系列：echart中折线图折线设置不平滑显示

问题来了，最近在工作中遇到个问题，echart中折线图折线设置不平滑显示。

ECharts 中，你可以通过配置项来控制折线图的线条是否平滑显示。

默认情况下，折线是不平滑的（即直线）。如果你想要设置折线为不平滑显示，只需要确保 smooth 属性被设置为 false 或者不设置该属性，因为它的默认值就是 false。

下面是一个简单的例子，展示了如何配置一个折线图，并明确地将 smooth 设置为 false 以确保折线不平滑：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'line',
        smooth: false, // 确保折线不平滑
        lineStyle: {
            width: 2
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在这个例子中，series 配置中的 smooth: false 确保了折线不会被渲染成平滑曲线。如果你有多个系列，每个系列都可以单独设置 smooth 属性。

此外，如果你想让所有系列的折线都不平滑，可以在全局级别设置 smooth，或者在每个系列中分别设置。如果某个系列特别指定了 smooth，那么这个设置会覆盖全局设置。

在 Vue 组件中使用

如果你正在使用 Vue 和 ECharts，你可能有一个方法来初始化图表，如下所示：

new Vue({
    el: '#app',
    data() {
        return {
            chart: null,
            option: {
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [120, 200, 150, 80, 70, 110, 130],
                    type: 'line',
                    smooth: false, // 确保折线不平滑
                    lineStyle: {
                        width: 2
                    }
                }]
            }
        };
    },
    mounted() {
        this.initChart();
    },
    methods: {
        initChart() {
            this.chart = echarts.init(this.$refs.chart);
            this.chart.setOption(this.option);
        }
    }
});

在这个 Vue 组件的例子中，initChart 方法会在组件挂载时调用，用来初始化 ECharts 图表，并应用 option 数据作为图表的配置。

这样就可以确保你的折线图在 Vue 应用中按照预期的方式，不平滑显示。