zoukankan      html  css  js  c++  java
  • echarts tooltip提示框 自定义小圆点(颜色、形状和大小等等)

    项目是拿 echarts + 百度地图 来做可视化界面,现在到收尾阶段慢慢优化。

    先附代码:

    formatter: function(params) {
      var result = ''
      params.forEach(function (item) {
        console.log(item)
        result += item.axisValue + "</br>" + item.marker + item.data
      })
      return result
    }

    如下图,默认圆点颜色为红色:

    其中item打印出如下图:

    发现marker(小圆点)即为html片段,要改变小圆点颜色只需自定义html即可。

    附代码:

    formatter: function(params) {
      var result = ''
      var dotHtml = '<span style="display:inline-block;margin-right:5px;border-radius:10px;10px;height:10px;background-color:#1197b8"></span>'
      params.forEach(function (item) {
        result += item.axisValue + "</br>" + dotHtml + item.data
      })
      return result
    }

    效果图:

     同理,要改变小圆点形状,重写html片段即可。

  • 相关阅读:
    Markdown语法
    简易银行管理系统
    登录sql sever
    MainActivity中R为红色
    PLC STL any数据类型
    Oracle ORA-12541,ORA-12514错误
    Myeclispe下struts-config.xml文件无法图形界面打开
    SSH报错
    Myeclispe 代码自动补全
    Mac下多个jdk自由切换
  • 原文地址:https://www.cnblogs.com/zzcyeah/p/10220978.html
Copyright © 2011-2022 走看看