一个简单的e-Chart图表使用示例之散点图

最新推荐文章于 2023-11-22 16:56:08 发布

JenniferXU1996

最新推荐文章于 2023-11-22 16:56:08 发布

阅读量5.3k

点赞数

分类专栏： technology

本文链接：https://blog.csdn.net/m0_37547070/article/details/72860918

版权

本文介绍了一个使用e-Charts库制作散点图的简单示例，详细讲解了如何引入echarts.js文件，创建scatter.js配置文件以及在HTML中引用该图表的过程。散点图展示了新闻报道时间和情绪值的关系，横坐标为时间，纵坐标表示情绪值，从-1到1的范围。

摘要由CSDN通过智能技术生成

在我们的这个系统里，有一个可视化图表的实现库是不断被反复用到的，就是e-Chart，对于制作可视化图表的新手来说，这是一个很好上手的东西，接下来我将以系统中的一个可视化图表为例，描述一下e-Chart的使用方法。

首先让我们来看一下图表的展示结果：

这个图的横坐标是新闻报道的时间，纵坐标是这篇新闻的情绪值，从-1到1是从积极到消极，0以上是积极，0以下则是消极。如果要做这样一个图表，首先我们得在项目里引入echarts.js这个文件，并且新建一个js文件，我们把它命名为scatter.js，接下来是scatter.js文件里面的内容

$(document).ready(function(){
var MyScatter= echarts.init(document.getElementById('Scatter'));

var data = [
    ['2012-03-01 06:06',
        1,

关注

专栏目录