echarts的饼图，关于指示线单独显示以及全部显示的配置

weixin_30732825

于 2019-07-01 15:54:00 发布

阅读量2.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lsc-boke/p/11114556.html

版权

本文总结了Echarts饼图中指示线的配置方法。当series的label.normal.show设为true时，所有指示线都会显示；设为false时，仅显示一个。通过formatter：'{c|{c}} {hr|} {d|{d}%}'和rich文本，可以实现指示线样式的个性化定制。更多内容参考原文链接。

摘要由CSDN通过智能技术生成

 const option = {
      title: {
        text: canvasStyles.name,
        x: 'center',
        y: 'center',
        textStyle: {
          color: '#fff',
          fontSize: 12
        }
      },
      tooltip: {
        show: false
        // trigger: 'item',
        // formatter: function(e) {
        //   var res = `<div>${e.data.name}:${e.data.value}</div>`;
        //   return res;
        // },
        // position: function(pos, params, dom, rect, size) {
        //   var data = params.data;
        //   var sHtml = `<div style="background:orange>555</div>`;
        //   console.log(dom);
        //   console.log(pos);
        //   console.log(params);
        //   console.log(dom);
        //   console.log(rect);