echarts使用笔记

前言

在使用echart时，经常会遇到各种不同的需求，小记一下。

 一、折线图默认显示最高点，鼠标聚焦时才显示当前折点

默认显示最高点，鼠标移动聚焦到当前拐点时，才显示拐点

代码：

series: [
    smooth: true,
    symbolSize: 10,//拐点大小
    showSymbol: false, // 先默认隐藏拐点
    emphasis: { //聚焦时显示拐点，并设置样式
              focus: "series",
              itemStyle: {
                borderColor: "#fff", // 拐点边框颜色
                borderWidth: 2, // 拐点边框大小
                color: "#01B4F5",
              },
      },
    markPoint: {
              data: [
                {
                  type: "max", // 显示最高点的拐点
                },
              ],
              symbol: "circle",
              symbolSize: 12, // 拐点大小
              label: {
                show: false,
              },
            },
],

效果图：