html5 - echarts 圖例
問題描述
如圖,我要在后臺直接獲取到餅圖只能怪的每一瓣的名稱直接作為圖例,替換掉頂部的紅色的“測試”,怎樣獲取到每一瓣的名稱?謝謝!
問題解答
回答1:var myChart = echarts.init(document.getElementById(’main’)),option = { tooltip: {}, legend: {}, series: [{name: ’訪問來源’,type: ’pie’,radius: ’55%’,center: [’50%’, ’60%’],data: [],itemStyle: { emphasis: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: ’rgba(0, 0, 0, 0.5)’ }} }]}; myChart.setOption(option); //以下為ajax獲取到的數據 var data = [{ value: 335, name: ’直接訪問’}, { value: 310, name: ’郵件營銷’}, { value: 234, name: ’聯盟廣告’}, { value: 135, name: ’視頻廣告’}, { value: 1548, name: ’搜索引擎’}],legends = [] data.forEach(function(e, i) {legends.push(e.name) }) myChart.setOption({legend: { data: legends},series: [{ data: data}] });
相關文章:
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - QWebEngineView 如何爬 angular 的動態數據?3. javascript - 使用angular 的ui-sref 中出現了中文參數,點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖?5. java - 郵箱如何發送html內容6. html5 - 這個代碼顯示功能如何實現?7. javascript - 用JS 七牛上傳圖片出現文件已存在的錯誤(file exists)8. 工作近5年,3年Java Web ,近2年前端,未來何去何從?9. css3 - 圖片等比例縮放10. java - 字節流轉成字符串之后,在通過字符串轉成字節流后的文件為什么會不一樣?
