echarts lines每条线条粗细单独设置

可以使用 series 中的 lineStyle 属性来设置每条线的粗细，例如：

series: [
  {
    name: 'line1',
    type: 'line',
    data: [10, 20, 30, 40],
    lineStyle: {
      width: 2 // 设置线条粗细为2
    }
  },
  {
    name: 'line2',
    type: 'line',
    data: [20, 30, 40, 50],
    lineStyle: {
      width: 4 // 设置线条粗细为4
    }
  }
]

相关问题

echarts lines为虚线 悬浮虚线变成实线

ECharts是一个流行的JavaScript图表库，用于数据可视化。如果你想在ECharts中创建一条虚线，并在悬停时变为实线，你可以按照以下步骤操作：

1. 创建线条图实例时，设置`lineStyle`属性为`dashed`，表示虚线样式：

option = {
    series: [{
        name: '线条',
        type: 'lines',
        data: ...,
        lineStyle: { // 设置虚线样式
            type: 'dashed', // 线条类型，dashed代表虚线
            width: 2, // 线宽
        }
    }]
};

2. 利用ECharts的事件系统，当鼠标悬停在图形上时，可以监听`mouseover`事件并改变`lineStyle.type`为`solid`，将虚线改为实线：

chart.on('mouseover', function (params) {
    if (params.seriesIndex === 0 && params.dataIndex !== undefined) {
        option.series[0].lineStyle.type = 'solid'; // 将线条变为实线
    }
});
chart.on('mouseout', function () {
    if (params.seriesIndex === 0) {
        option.series[0].lineStyle.type = 'dashed'; // 回到虚线样式
    }
});

记得替换`...`处的数据内容为你实际需要的数据。

echarts series-lines

ECharts中的series-line是一种线图，用于展示数据随时间或其他连续变量的变化趋势。可以通过设置lineStyle.type来设置线条的类型，包括实线、虚线等。同时，可以通过设置showAllSymbol来显示或隐藏所有数据点，通过smooth来设置线条的平滑程度。除了series-line，ECharts还提供了其他18种图表类型，包括柱形图、散点图、饼图等等。