Step1:引进G2脚本 方法一:引入在线脚本 <script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.4.10/dist/g2.min.js"></script> 方法二:引入本地脚本 <script src="./g2.js"></script> //src为本地G2脚本所在相对路径 方法三:通过npm安装 npm install @antv/g2 --…

简介 为了更好的使用G2进行数据可视化,我们需要先了解G2图表的组成及其相关概念. 完整的G2图表组成如下图所示:可以看出图表主要由axes(坐标轴axis的复数),tooltip(提示信息),guide(辅助元素),legend(图例),geom(几何标记  即用何种图形来展示数据,此处为点图)组成的,理解了基本组成,接下来看一下代码的编写. const chart = new G2.Chart({ width: 1000, height: 500, data: data, padding:…

安装配置好jdk.tomcat,我用的版本号是7.0.54,我放在C:\server\apache-tomcat-7.0.54下, CATALINA_BASE:C:\server\apache-tomcat-7.0.54 CATALINA_HOME:C:\server\apache-tomcat-7.0.54 也能够在Path以下加入配置  ;C:\server\apache-tomcat-7.0.54\bin ,这样就能够在cmd下直接输入startup启动服务器了. 背景:运用web容器to…

linux下一个oracle11G  DG建立(一个):准备环境 周围环境 名称 主库 备库 主机名 bjsrv shsrv 软件版本号 RedHat Enterprise5.5.Oracle 11g 11.2.0.1 RedHat Enterprise5.5.Oracle 11g 11.2.0.1 一．环境准备: 1．vbox 导入虚拟机镜像(已安装oracle.已建库) 1.导入虚拟机(主库-北京,下面简称bj) 2.导入虚拟机(备库-上海,下面简称sh) 3.主库.备库分别加入一块磁盘 为…

准备 开始开发前,请先到下面的地址下载Sencha Touch 2的包:http://www.sencha.com/products/touch/download/ .下载完解压后你会发现包里有很多文件.里面有api文档.开发包和一些实例等等.现在,我们只需要sencha-touch-debug.js和resources/css/sencha-touch.css文件即可.(sencha-touch-debug.js文件里面是未经压缩的带注释的js代码,方便我们阅读和debug). 包文件到手了,…

pycharm建立第一个django工程 系统:win764 ip: 192.168.0.100 安装django pip install django 左上角建立一个名为Firstdjango工程 查看工程中所有自带的文件 修改ALLOWED_HOSTS参照:https://www.cnblogs.com/effortsing/p/10394400.html 运行django项目,右上角点击运行 浏览器访问 http://127.0.0.1:8000/…

建立第一个Django工程 环境: ip: 192.168.0.92 系统:centos7.5 安装django pip install django 启动一个HelloWorld工程 django-admin.py startproject HelloWorld [root@test2 ~]# ls HelloWorld 查看工程自带的文件 [root@test2 ~]# tree . . `-- HelloWorld |-- HelloWorld | |-- __init__.py | |-…

1.安装SCRAPY2.进入CMD:执行:SCRAPY显示: Scrapy 1.8.0 - no active project Usage: scrapy <command> [options] [args] Available commands: bench Run quick benchmark test fetch Fetch a URL using the Scrapy downloader genspider Generate new spider using pre-defined…

在做数据可视化的过程中,遇到了一个问题,就是给图表tooltip重命名. 在研究后,发现了三种方法: 方法1:一般情况下,可以在给chart绑定数据源时,添加scale配置,并在scale配置中设置别名,直接在官网的实例代码中进行修改演示: 代码如下: const data = [ { year: '1991', value: 3 }, { year: '1992', value: 4 }, { year: '1993', value: 3.5 }, { year: '1994', value:…

由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较简单的教程提供参考.由于能力有限(应届毕业生的菜鸟而已),所以教程(学习笔记而已)不免会有错误,望别喷,望指正.当然肯定避免不了会参考其他资料的. 一.FusionCharts简介和安装使用 1．1.简介 FusionCharts是InfoSoft Global公司的一个产品,而FusionChar…