问在Apache ECharts中可以旋转整个echarts实例吗？
EN

Stack Overflow用户

提问于 2022-01-04 01:39:43

回答 1查看 355关注 0票数 2

我是新手，所以如果这是愚蠢的新手请求，请原谅我。我试着旋转整个图表，就像在这个例子中的Vega边缘捆绑示例。在右端有一个工具，其中一个选项也是“旋转”。Vega的示例图像，我想在echarts中做同样的事情(旋转整个图)，但是我找不到方法去做。如果可以的话，请告诉我怎么做。谢谢您的回复！

rotation

echarts

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-05 08:08:28

不太完美但我试过了。

我用函数来改变startAngle，我不知道为什么旋转会延迟。

   var option = {
  title: {
    text: 'Referer of a Website',
    subtext: 'Fake Data',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'vertical',
    left: 'left'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: '50%',
      startAngle: 15,
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
      ],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

var myChart2 = echarts.init(document.getElementById('main2'));
myChart2.setOption(option);

function rotate() {
    var Angle=document.getElementById("range").value;
    myChart2.setOption({
    series: [{
    startAngle:Angle,
    }]
   }); 
};

    <html lang="Zh-TW">
    <head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/echarts.min.js"></script>
    <meta charset="utf-8">
    </head>
    <body>
        <label class="col-lg-3 control-label">rotate</label>
        <div class="col-lg-6"><input type="range" class="form-control" min="0" max="360" value="10" oninput="rotate('range')" id="range"></div>
    <div id="main2" style="width:100%;height:600px;"></div
      </body>
    </html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70573231

复制

相似问题

问在Apache ECharts中可以旋转整个echarts实例吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Apache ECharts中可以旋转整个echarts实例吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Apache ECharts中可以旋转整个echarts实例吗？
EN