html中echarts的快速使用

为了对文本分析结果进行丰富的多角度的呈现,我们通常需要用到各种各样的图表来更加形象具体地进行数据对比或者展示。

实际上,在这方面,网上有相当多地资源可供使用,比较有名地是echarts,d3等网站。

今天就如何快速使用echarts来在网页上展示数据进行简单地总结。

1.引入相应的js文件

包括echats.js或者echarts.min.js中的一个文件。也可以自定义相关的样式或者动态效果的文件。


<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>全面二孩政策 | 数据新闻报道title>
  <script src="js/echarts.min.js">script>
  <link rel="stylesheet" href="dist/css/bootstrap.min.css">
  <link href="font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/style_static_pages.css">
head>

2.初始化普通图表

1.在中先声明图表将要位于的div

<div id="chart11" style="width: 750px; height: 400px;margin: 20px auto;">div>

2.插入

你可能感兴趣的:(html中echarts的快速使用)