今天接觸了ECharts袱结,ECharts 提供了常規(guī)的折線圖袁余、柱狀圖、散點圖棚饵、餅圖掩完、K線圖,用于統(tǒng)計的盒形圖且蓬,用于地理數(shù)據(jù)可視化的地圖、熱力圖诈胜、線圖冯事,用于關系數(shù)據(jù)可視化的關系圖、treemap昵仅、旭日圖,多維數(shù)據(jù)可視化的平行坐標够滑,還有用于 BI 的漏斗圖吕世,儀表盤,并且支持圖與圖之間的混搭命辖。
一晚伙、ECharts的使用
1俭茧、在官網(wǎng)下載ECharts
2、我使用的是PyCharm午磁,新建了一個Directory毡们,把下載的ECharts文件復制到里面就可以,然后在新建一個html文件衙熔,就可以開始畫圖了
(1) 在head標簽下,增加ECharts文件來源
<script src="echarts.common.min.js"></script>
(2)在body標簽下框咙,開始寫代碼進行畫圖
<1>為echarts準備一個具有寬高的Dom(以柱狀圖為例)
<div id="main" style="width:600px;height:400px"></div>
<2> 在<script>中寫
<script type="text/javascript">
<3> 基于準備好的Dom痢甘,初始化echarts實例
var myChart = echarts.init(document.getElementById('main'));
<4> 指定圖表的匹配項和數(shù)據(jù)
var option={
};
<5>使用剛剛指定的配置和數(shù)據(jù)顯示圖表
myChart.setOption(option);