-
echarts 基于canvas，js為畫筆，像素點 svg各標簽組合查看全部
-
echarts 基于canvas，js為畫筆，像素點 svg各組件組合查看全部
-
1.github issues答疑解惑 2.官網文檔對各個屬性的講解查看全部
-
1查看全部
-
雷達圖代碼
查看全部 -
散點圖代碼
查看全部 -
儀表圖，模擬動態效果
查看全部 -
我的截圖筆記。儀表盤
查看全部 -
我的截圖筆記。儀表盤
查看全部 -
我的截圖筆記
查看全部 -
echarts項目查看全部
-
<!DOCTYPE html> <html> <head> ? ?<meta charset="utf-8"> ? ?<title>ECharts</title> ? ?<!-- 引入 echarts.js --> ? ?<script src="js/echarts.min.js"></script> </head> <body> <!-- 為ECharts準備一個具備大?。▽捀撸┑腄om --> <div id="main" ></div> <script type="text/javascript"> ? ?// 基于準備好的dom，初始化echarts實例 ? ?var myChart = echarts.init(document.getElementById('main')); ? ?// 指定圖表的配置項和數據 ? ?var option = { ? ? ? ?//標題 ? ? ? ?title: {text: 'ECharts 入門示例'}, ? ? ? ?//工具箱 ? ? ? ?tooltip: {}, ? ? ? ?//圖例 ? ? ? ?legend: {data:['銷量']}, ? ? ? ?//x軸 ? ? ? ?xAxis: {data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]}, ? ? ? ?yAxis: {}, ? ? ? ?//數據: ? ? ? ?series: [{ ? ? ? ? ? ?name: '銷量', ? ? ? ? ? ?type: 'bar',//傳一個數據,條形圖 ? ? ? ? ?? data: [5, 20, 36, 10, 10, 20]// ? ? ? ?},{ ? ? ? ? ? ?name: '產量', ? ? ? ? ? ?type: 'line',//傳一個數據 折線圖? ? ? ? ?? data: [7, 30, 50, 11, 40, 80] ? ? ? ?}] ? ?}; ? ?// 使用剛指定的配置項和數據顯示圖表。 ? ?myChart.setOption(option);// </script> </body> </html>
查看全部 -
dataRange 值域漫游
查看全部 -
echarts組件 datarange值域漫游
-值域漫游：過濾數據展現
-根據值的大小拖拽限制展示
查看全部 -
dataZoom:[{
type:'slider',
start:0,
end:10
}]
查看全部 -
echarts組件 dataZoom區域縮放（一般用于大數據）
1、x軸可以控制區域
-區間顯示
-縮放顯示
2、配置dataZoom
查看全部 -
echarts 多個坐標系配合：
1、兩個圖標合并展示
2、設置兩個y軸
3、配置多個yaxis屬性
查看全部 -
echarts其他示例：地圖map、散點圖scatter、K線圖kline、雷達圖radar
查看全部
舉報