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