是否可以在 Apache ECharts 中旋轉整個 echarts 實例？
[英]Is it possible to rotate whole echarts Instance in Apache ECharts?
問題描述
我是 echarts 的新手，所以如果這是愚蠢的新手請求，請原諒我。 我正在嘗試旋轉整個圖表，就像在這個Vega Edge Bundling Example 示例中一樣。 在右上角有一個工具，一個選項也是“旋轉”。 Vega 的示例圖像我想在 echarts 中做同樣的事情（旋轉整個圖），但我找不到方法。 如果可以做到，請讓我知道我該怎么做。 感謝您的回復！
1 個解決方案
解決方案1
0 2022-01-05 08:08:28
這並不完美，但我試過了。
我用function改變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>
Android：旋轉整個布局
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.