G2Plot不仅让你的图表更加美观,用户还能够与这些数据进行互动。软件支持通过命令行的方式操作,你能即时预览不同设定对视觉因素产生的影响。
开箱即用
配置项优化精简,仅需几行代码轻松生成图表
默认好用
即使你是可视化或设计小白,也能制作优雅、标准的统计图表
响应式图表
保证图表在任何显示尺寸、任何数据状态下的可读性
图表实验室
来这里尝试一下我们正在开发中的高级图表功能
我们提供了 G2Plot 的 npm 包,通过下面的命令即可完成安装:
// 推荐用法
npm install @antv/g2plot --save
成功安装完成之后,即可使用 import 或 require 进行引用:
import { Line } from '@antv/g2plot';
在 G2Plot 引入页面后,我们就已经做好了创建第一个图表的准备了。下面以一个基础折线图为例开始我们第一个图表的创建。
step1: 创建图表容器
step2: 引入数据。G2Plot 的数据源格式是 JSON 数组,数组的每个元素是一个标准 JSON 对象,部分图表除外。
const data = [
{ year: '1991', value: 3 },
{ year: '1992', value: 4 },
{ year: '1993', value: 3.5 },
{ year: '1994', value: 5 },
{ year: '1995', value: 4.9 },
{ year: '1996', value: 6 },
{ year: '1997', value: 7 },
{ year: '1998', value: 9 },
{ year: '1999', value: 13 },
];
step3: 创建并渲染图表
const line = new Line('container', {
data,
xField: 'year',
yField: 'value',
});
line.render();
最终效果:
G2Plot支持从外部导入数据,制作好的文件可导出为jpg图片格式。想要完全发挥软件的功能需要有一定的专业电脑知识,软件安装方面,没有任何广告干扰。
上文就是小编为您带来的G2Plot了,更多精彩软件请多多关注IE浏览器中文网站!