Iefans,靠谱的软件下载站

首页 最新文章 最新安卓 最新苹果 浏览器 IE教程 在线图片编辑 最新软件 最新游戏

当前位置: IEfans / 编程开发 / 网页源码/ G2Plot v2.3.36免费版
G2Plot v2.3.36免费版

G2Plot v2.3.36免费版

  • 软件类型:网页源码
  • 更新时间:2024-03-01 00:16:02
  • 软件语言:简体中文
  • 软件大小:41.3MB
  • 软件版本: 2.3.42
  • 软件平台:PC
立即下载

编程开发介绍

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浏览器中文网站!

编程开发截图

猜你喜欢

返回旧版Copyright © 1998-2024 www.iefans.net All Rights Reserved 沪ICP备17019769号-18 意见反馈