echarts.js круговая диаграмма всплывающая подсказка при зависании не работает

Question

У меня есть круговая диаграмма с использованием echarts.min.js. Проблема заключается в зависании, всплывающая подсказка не отображается. Мой код

var echartPie = echarts.init(document.getElementById('mediaUserChart')); 

    echartPie.setOption({ 

     tooltip: { 
      trigger: 'item', 
      formatter: "{a} - {b} : {c} ({d}%)" 


     }, 
     hover:true, 
     legend: { 

      x: 'center', 
      y: 'bottom', 
      data: 

      ['others', 'just dial', 'trade india', 'india mart'] 
     }, 
     toolbox: { 
      show: true, 
      feature: { 
       magicType: { 
        show: true, 
        type: ['pie', 'funnel'], 
        option: { 
         funnel: { 
          x: '25%', 
          width: '50%', 
          funnelAlign: 'left', 
          max: 1548 
         } 
        } 
       }, 
       restore: { 
        show: false, 
        title: "Restore" 
       }, 
       saveAsImage: { 
        show: false, 
        title: "Save Image" 
       } 
      } 
     }, 
     calculable: true, 
     series: [{ 
      name: 'Media Users', 
      type: 'pie', 
      radius: '55%', 
      center: ['50%', '48%'], 
      data: 

       [{ 
      value: 335, 
      name: 'others' 
     }, { 
      value: 234, 
      name: 'just dial' 
     }, { 
      value: 135, 
      name: 'trade india' 
     }, { 
      value: 1548, 
      name: 'india mart' 
     }] 

     }] 
    }); 

Я использовал опцию всплывающей подсказки здесь. все еще его не показывает всплывающую подсказку. Может ли кто-нибудь знать решение этой проблемы?

https://jsfiddle.net/n8rvq66r/

Answer 1

Я изменил <canvas id="mediaUserChart" ></canvas> на <div id="mediaUserChart" style="height:350px;"></div> Он работал для меня ...