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. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?2. debian - docker依賴的aufs-tools源碼哪里可以找到啊?3. css3 - border-bottom 的長度可否超過盒子的寬度呢?實現如下圖效果。(我的書下面的線)4. docker gitlab 如何git clone?5. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片6. JavaScript事件7. css3 - css怎么實現圖片環繞的效果8. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?9. mysql優化 - mysql EXPLAIN之后怎么看結果進行優化 ?10. java - spring boot @Autowired
