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

发布于 2022-09-07 20:42:56 字数 267 浏览 12 评论 0

clipboard.png

想问下,echarts 怎样将文字放在线条的开始处?

官方链接demo:
http://echarts.baidu.com/exam...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

东北女汉子 2022-09-14 20:42:56
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调整

紫瑟鸿黎 2022-09-14 20:42:56

邮件营销,联盟广告这些文字是一组图例,是没有办法分开,分别单独定位的,但是这些折线图可以在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
  }
],
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文