今天接触了ECharts,ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
一、ECharts的使用
1、在官网下载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> 指定图表的匹配项和数据
var option={
};
<5>使用刚刚指定的配置和数据显示图表
myChart.setOption(option);