echarts 设置问题;

  如图

clipboard.png

  1. 如何将tooltip中文字'340'转化成'3.4%'?
  2. '第'字左边那条Y轴的线的颜色和样式(希望能设置成dashed)怎么设置?
阅读 2.1k
3 个回答

后台返回数据前将340除以100,把3.4传给echarts

    tooltip : {
        trigger: 'axis',
        formatter: '{a}<br/>{b}: {c}%',
        axisPointer:{
          type: 'line',
          lineStyle: {
              type: 'dashed'
          }
        }     
    },

{a}:系列名称
{b}:类目值
{c}:数值

难道这个不是可设置的么,传参的时候先遍历成百分比

使用:formatter: '{c}%',
就会变成这样:
clipboard.png

------------------更新如下

  1. 采纳寂静黎明的答案,基本满足我的要求了;
  2. 对他的稍作改动: tooltip : {

           trigger: 'axis',
           formatter: '{b}回款率<br/>我们:{c0}%<br/>其他:{c1}%',
           axisPointer:{
               type: 'line',
               label:{
                   formatter: function (params) {
                       return params.value+'回款率';
                   }
               },
               lineStyle: {
                   type: 'dashed',
                   color:'#E6E6E6',
               }
           }
       },
  3. 实际效果:clipboard.png
  4. 稍有遗憾的是‘我们其他’前面那个小圆点感觉是无法设置了,不过不影响。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题