-
標(biāo)題組件查看全部
-
實(shí)例代碼查看全部
-
。。。查看全部
-
工具欄顯示參數(shù)查看全部
-
柱狀圖和直線圖同時(shí)顯示 series:[{type:'bar'},{type:'line'}]查看全部
-
echars查看全部
-
toolbar很強(qiáng)大嘛。查看全部
-
111查看全部
-
Echarts柱狀圖畫圖基本結(jié)構(gòu)：查看全部
-
代碼太長(zhǎng)，不會(huì)了查看全部
-
https://github.com/shengxinjing/imooc-echarts查看全部
-
難點(diǎn)，標(biāo)簽查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>儀表圖</title> <script src="js/echarts.min.js"></script> <script type="text/javascript" src="js/echarts.js"></script> </head> <body> <div id="main" ></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); // 指定圖表的配置項(xiàng)和數(shù)據(jù) var option={ toopltip:{formatter:"{a}<br/>{a}:{c}%"}, toolbox:{feature:{restore:{}, saveAsImage:{}}}, series:[{name:'業(yè)務(wù)指標(biāo)', type:'gauge', detail:{formatter:'{value}%'}, data:[{value:32,name:'完成率'}]}] }; // 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。 myChart.setOption(option); setInterval(function () {option.series[0].data[0].value=(Math.random()*100).toFixed(2)-0; myChart.setOption(option,true); }, 2000 ); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts常用圖之餅圖.html</title> <script src="js/echarts.min.js"></script> <script type="text/javascript" src="js/echarts.js"></script> </head> <body> <div id="main" ></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var option={ title:{text:'某站點(diǎn)用戶訪問來源', subtext:'純屬虛構(gòu)', x:'center'}, tooltip:{trigger:'item', formatter:"{a}<br/>:{c} (nhkv1sx5v02o%)"}, legend:{orient:'vertical', left:'left', data:['直接訪問','郵件銷售','聯(lián)盟廣告','視頻廣告','搜索引擎'] }, series:[{name: '訪問來源', type: 'pie', radius: '55%', center: ['50%', '60%'], data: [{value: 335, name: '直接訪問'}, {value: 310, name: '郵件銷售'}, {value: 234, name: '聯(lián)盟廣告'}, {value: 135, name: '視頻廣告'}, {value: 1583, name: '搜索引擎'},]} ] }; myChart.setOption(option); </script> </body> </html>查看全部
-
餅圖 餅圖的特點(diǎn)：展示百分比 center圓心坐標(biāo) radius半徑 name圖例名稱 selectedModel是否支持多選查看全部
舉報(bào)
0/150
提交
取消