echart 折线图改变折线点的形状

要改变 ECharts 折线图中折线点的形状，可以使用 ECharts 中提供的 symbol 属性。symbol 属性用于设置折线点的图形，可以是预设的形状，也可以是自定义的 SVG 路径。

以下是一个使用预设的形状的示例：

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', // 设置折线点的形状为圆形
        symbolSize: 10 // 设置折线点的大小为 10
    }]
};

这个示例中，symbol 属性被设置为 'circle'，表示折线点的形状为圆形。symbolSize 属性被设置为 10，表示折线点的大小为 10。

如果要使用自定义的 SVG 路径作为折线点的形状，可以将 symbol 属性设置为一个数组，其中第一个元素为路径字符串，第二个元素为路径的宽度和高度：

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: [
            'path://M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64z M512,896c-211,0-384-173-384-384S301,128,512,128s384,173,384,384S723,896,512,896z',
            50, // 宽度
            50 // 高度
        ], // 设置折线点的形状为自定义的 SVG 路径
        symbolSize: 20 // 设置折线点的大小为 20
    }]
};

这个示例中，symbol 属性被设置为一个数组，其中第一个元素是一个 SVG 路径字符串。第二个和第三个元素分别表示路径的宽度和高度。symbolSize 属性被设置为 20，表示折线点的大小为 20。