Web數據可視化教程（基于ECharts）模塊2熟知ECharts的圖表結構與基本組件2.5使用數據集管理數據數據集是專門用來管理數據的組件。雖然每個系列都可以在series.data中設置數據，但是從ECharts4支持數據集開始，更推薦使用數據集來管理數據。這種做法的優(yōu)勢在于，數據可以被多個組件復用，也便于實現“數據和其他配置”分離的配置風格，因為在實際應用中，數據往往頻繁改變，而其他配置大多保持穩(wěn)定。2.5.1在系列中設置數據【訓練2-1】在網頁文件test0201.html中將數據設置在系列中【代碼編寫】在Dreamweaver中編寫對應的代碼。主要代碼如下：<divid="main"style="width:600px;height:400px;"></div><scripttype="text/javascript">varchartDom=document.getElementById('main');varmyChart=echarts.init(chartDom);varoption;2.5.1在系列中設置數據option={xAxis:{type:'category',data:['蘋果','梨子','葡萄','杧果']},yAxis:{},series:[{type:'bar',name:'7月',data:[89.3,83.1,94.4,85.4]},2.5.1在系列中設置數據{type:'bar',name:'8月',data:[95.8,89.4,91.2,76.9]},{type:'bar',name:'9月',data:[97.7,92.1,92.5,78.1]}]};myChart.setOption(option);</script>2.5.1在系列中設置數據【圖表展示】訓練2-1對應的柱狀圖如圖2-3所示。圖2-3訓練2-1對應的柱狀圖2.5.1在系列中設置數據在系列中設置數據適用于對一些特殊的數據結構（如樹、圖等）進行一定的數據類型定制，但是需要用戶先處理數據，把數據分割并配置到各個系列（和類目軸）中。此外，這種方式不支持多個系列共享一份數據，給基于原始數據進行圖表類型、系列的映射安排帶來了不便。2.5.2在數據集中設置數據將數據設置在數據集中的好處如下。（1）貼近數據可視化常見思路：先提供數據，再指定數據到視覺元素的映射，從而形成圖表。（2）數據和其他配置分離，更易于管理。數據通常頻繁改變，其他配置通常不變。（3）數據可以被多個系列或者組件復用，對于數據量大的場景，不必分別為每個系列創(chuàng)建一份數據。（4）支持更多數據格式（如二維數組、對象數組等），一定程度上減輕了轉換數據格式的負擔。目前并非所有圖表都支持數據集，支持數據集的圖表有折線圖、柱狀圖、散點圖、特效散點圖、平行坐標圖、K線圖、地圖、漏斗圖、自定義圖表。2.5.2在數據集中設置數據【訓練2-2】在網頁文件test0202.html中將數據設置在數據集中【代碼編寫】在Dreamweaver中編寫對應的代碼。主要代碼如下：option={legend:{},tooltip:{},dataset:{source:[['product','4月','5月','6月'],2.5.2在數據集中設置數據【訓練2-2】在網頁文件test0202.html中將數據設置在數據集中['蘋果',43.3,85.8,93.7],['梨子',83.1,73.4,55.1],['葡萄',86.4,65.2,82.5],['杧果',72.4,53.9,39.1]]},xAxis:{type:'category'},yAxis:{},series:[{type:'bar'},{type:'bar'