怎样将echarts 线性图,文字标题放在线条的开始处?

阅读 2.9k
2 个回答
series: [{
    name:'Step Start',
    type:'line',
    step: 'start',
    data:[{
        name:'Step Start',
        value:120,
        label:{
        show:true,
        formatter:params=>{
            return params.seriesName
        },
        poisition:'top'
    }
    }, 132, 101, 134, 90, 230, 210]  
}]

本来是没有这种操作的,但是可以hack到数据里面,第一条 name跟series 的name一致 位置可以根据poistion调整

邮件营销,联盟广告这些文字是一组图例,是没有办法分开,分别单独定位的,但是这些折线图可以在legend中分开表示。
属性中的bottom可以动态表示。比如邮件营销这组数据是data=[1,2,3]那么,可以定义一个函数data0=data[0],然后邮件营销的bottom设置成data0

legend: [
  {
    icon: 'line',
    textStyle: {
      color: "#aaa"
    },
    data: ['邮件营销'],
    x: 'left',
    bottom: 20
  }, {
    icon: 'line',
    textStyle: {
      color: "#ccc"
    },
    data: ['联盟广告'],
    x: 'left',
    bottom: 40
  }
],
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题