echarts心电图超简单

Echarts前端效果与代码展示

原创于 2025-07-02 16:14:36 发布 · 225 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端

前端专栏收录该内容

13 篇文章

订阅专栏

效果：
请添加图片描述
代码：

this.myChart1.setOption({
          grid: {
            top: '8%',
            bottom: '12%',
            left: '5%',
            right: '4%',
          },
          xAxis: {
            type: 'category',
            // data: xData,
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                  color: "#fff",
                  width: 0,
                  type: "solid"
              },
            },
            axisLabel: {
                textStyle: {
                      color: "#8C8C8C",
                },
            },
          },
          yAxis: {
            type: 'value',
            axisLine: {
                show: true,
                lineStyle: {
                    color: "#F0F0F0",
                    width: 1,
                    type: "solid",
                },
            },
            axisLabel: {
                textStyle: {
                      color: "#8C8C8C",
                },
            },
            splitLine: {
                show:true,
                lineStyle: {
                    color: "#5B6684",
                }
            }
          },
          series: [
            {
              name: 'line1',
              data: data,
              type: 'line',
              itemStyle: {
                  normal: {
                      color: '#FF5656',
                      opacity: 1,
                  }
              }
            }
          ]
        })