美文网首页
2019-01-18 ECharts

2019-01-18 ECharts

作者: MMatx | 来源:发表于2019-01-18 18:59 被阅读0次

今天接触了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);

二、我的pycharm使用echarts还有一些问题,运行不出结果,待解决

相关文章

网友评论

      本文标题:2019-01-18 ECharts

      本文链接:https://www.haomeiwen.com/subject/txcodqtx.html