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

你可以使用 ECharts 的 itemStyle 属性中的 normal 属性来设置折线图线上小圆点的样式，然后在其中的 emphasis 属性中设置鼠标悬停时的样式。以下是一个例子：

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',
        itemStyle: {
            normal: {
                color: '#fff',
                borderColor: 'red',
                borderWidth: 2
            },
            emphasis: {
                color: 'red',
                borderColor: '#fff',
                borderWidth: 2
            }
        }
    }]
};

在上面的代码中，我们使用了 itemStyle 属性中的 normal 属性来设置小圆点的颜色为白色，边框颜色为红色，边框宽度为 2px。然后我们在其中的 emphasis 属性中设置了鼠标悬停时小圆点的颜色为红色，边框颜色为白色，边框宽度为 2px。