echarts图表笔记

最新推荐文章于 2024-05-20 21:56:33 发布

only you502

最新推荐文章于 2024-05-20 21:56:33 发布

阅读量435

点赞数 11

文章标签： echarts 笔记前端

本文链接：https://blog.csdn.net/qq_55949207/article/details/135694392

版权

一、柱状图，值为0时也要有凸出效果

效果图

配置

series: [
      {
        data: [],
        type: 'bar',
        barMinHeight: 5,//设置最小高度
        barMaxWidth: 10
      }
]

二、鼠标上移，出现浮窗tooltip

自定义浮窗内容

配置

tooltip:{
    formatter:(prams) => {
        return `<span>自定义内容</span>`
    }
}

三、渐变色配置

 series: [
        {
          name: '名称',
          type: 'line',
          data: [],
          smooth: true,
          showSymbol: false,
          areaStyle: {
            color: {
              type: 'linear',
              colorStops: [//渐变色配置
                {
                  offset: 0,
                  color: 'rgba(212,235,255, 0.8)'
                },
                {
                  offset: 1,
                  color: 'rgba(235,246,255, 0.1)'
                }
              ]
            }
          }
        }
]