1、sparklines ScatterChart 简介

sparklines 是一款开源的图表库,它可以帮助开发者快速的创建可视化图表,在 sparklines 中,ScatterChart 是一种常用的散点图,它可以用来展示两个或者多个变量之间的相关性。

2、ScatterChart 的使用

ScatterChart 的使用非常简单,首先引入 sparklines 库,然后在页面中创建一个容器,如下:

<div id="chart"></div>
HTML

然后在 js 文件中实例化 ScatterChart,如下:

var chart = new Sparkline.ScatterChart('#chart', {
data: [
{ x: 1, y: 5 },
{ x: 2, y: 5 },
{ x: 3, y: 10 },
{ x: 4, y: 15 },
{ x: 5, y: 20 },
]
});
JavaScript

最后调用 render 方法,即可在页面中渲染出散点图,如下:

chart.render();
JavaScript

3、ScatterChart 的优势

ScatterChart 有一些优势,首先,它可以帮助开发者快速的查看两个或者多个变量之间的相关性,其次,它的使用非常简单,只需要几行代码,就可以实现图表的渲染,最后,它支持多种配置,可以根据需求自定义图表的样式,以及添加更多的功能。