echart 折线图 红色线，线上的小圆点 设置红色白色边框

你可以在 ECharts 中使用 lineStyle 属性来设置折线的样式，同时使用 itemStyle 属性来设置折线上的小圆点的样式。以下是一个例子：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        symbol: 'circle',
        lineStyle: {
            color: 'red'
        },
        itemStyle: {
            normal: {
                color: 'red',
                borderColor: '#fff',
                borderWidth: 2
            },
            emphasis: {
                color: 'red',
                borderColor: '#fff',
                borderWidth: 2
            }
        }
    }]
};

在上面的代码中，我们使用了 lineStyle 属性来设置折线的颜色为红色。然后我们在 itemStyle 属性中设置了小圆点的颜色为红色，边框颜色为白色，边框宽度为 2px。在 emphasis 属性中也设置了一样的样式，以响应鼠标的悬停事件。