echarts 在鼠标事件聚焦的标题修改


      let txtes = "<br><b>我也是加粗效果</b>"
      var option = {
        title: {
          text: '',
          left: 'center',
          subtext: "12312312312",
          bottom: '-1%',
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow',
          },
        },
        legend: {},
        grid: {
          left: '3%',
          right: '4%',
          bottom: '5%',
          containLabel: true,
        },
        xAxis: [
          {
            type: 'category',
            data: ["1", "2", "3", "4", "5"],
          },
        ],
        yAxis: [
          {
            type: 'value',
          },
        ],
        series: [{
          name: ["", "123123123", "123123123", "123123123", "123123123"],
          type: "bar",
          tooltip: {
            trigger: "item",
            formatter: `人数:{c}<br><br><b>来源渠道:</b><br><br>{b}${txtes}`
          },
          barWidth: "60%",
          data: [{
            name: "asdkjh",
            value: 56,
          }, {
            name: "asdkjh",
            value: 26,
          }, {
            name: "asdkjh",
            value: 219,
          }, {
            name: "asdkjh",
            value: 34,
          },]
        }]
      }
      option && getchart.setOption(option)
      //随着屏幕大小调节图表
      window.addEventListener('resize', () => {
        getchart.resize()
      })  ```

效果图


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容