「数据分析」02数据源的导入与matplotlib模块的使用

html-css023

「数据分析」02数据源的导入与matplotlib模块的使用,第1张

1.数据导入

在python数据分析中,可以使用pandas模块导入数据。

使用前提:

(1)csv数据导入

ps:csv数据排序by="列名"

【注】 ①engine的参数有三个: 'c','python','python_fwf';

②导入报错解决方法:

>加上参数 engine='python' ;

>加上参数 encoding='utf-8' 或 encoding='gb2312' ;

>先打开再读取:

(2)excel数据导入

(3)mysql数据读取

(4)导入html数据(直接从html网页中加载对应的table表格的数据,需要安装html5lib模块和beautifulsoup4模块)

(5)从网站读取表格

(6)导入文本数据

2.matplotlib模块的使用

使用前提:

(1)折线图/散点图: plot(x轴数据,y轴数据,展现形式<图形、颜色、线条形式>)

①折线图

②散点图

③表头、x轴、y轴

④x轴范围、y轴范围

⑤多组数据

⑥颜色

ps:

c-cyan-青色

r-red-红色

m-magente-品红

g-green-绿色

b-blue-蓝色

y-yelow-黄色

k-black-黑色

w-white-白色

⑦线条形式

ps:

-直线

--虚线

-. -.形式

:细小虚线

⑧点的形式

ps:

s-方形

h-六角形

H-六角形

*-*形

+-+形

x-x形

d-菱形

D-菱形

p-五角形

(2)直方图hist(某个数据出现的频数)

ps:

【注】 ①style加上格式, histtype=‘stepfilled’ 取消格式;

②随机数生成,整数型 random_integers(min,max,number)

③随机生成正态分布的随机数 random.normal(mean,方差,number)

(3)绘制子图 subplot(行,列,当前区域)

D3.js

D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到 DOM,然后将数据驱动转换应用到文档中。你可以使用它用一个数组创建基本的

HMTL 表格,或是利用它的流体过度和交互,用相似的数据创建惊人的 SVG 条形图。

ChartJS

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas

基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于

5KB。

Highcharts JS

Highcharts JS 是一个制作图表的纯 Javascript 类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE

和火狐等等对个人用户完全免 费纯JS,无BS支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图跨语言:不管是

PHP、Asp.net 还是 Java 都可以使用。

Fusioncharts

FusionCharts Suite XT 是个专业的 JavaScript

图表库,能创建任何类型的图表。它创建的图表都是可以进行完全自定义的,标签,字体,边界等等,都可以进行修改。它有很强的交互功能,有许多信息提示,可 点击的

legend 关键字,还有 dril-down,缩放/滚动 和单击打印图表功能。

Flot

Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jQuery 开发了一个图表绘制(WEB Chart)插件并命名为

flot。 flot 是个纯 JavaSript 库,专注于简单的使用方式,迷人的外观和交互式特性。支持的浏览器有: Internet Explorer 6+,

Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

Chartist.js

Chartist.js 提供了优美的响应图表。就像 ChartJS。它使用 SVG 渲染图,可以被控制,并通过对 CSS3 媒体查询和 SASS

定制。另外 Chartist.js 提供很酷的动画。

n3-charts

如果你是一个 AngularJS 开发者,你一定喜欢款有趣的图表。它是建立在 D3.js 和 AngularJS 的基础上,提供了可定制的

AngularJS 指令的形式不同标准的图表。

Ember Charts

Ember Charts 是一个基于 Ember.js 和 D3.js

的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。

Chartkick

Chartkick 是专为 Ruby 应用程序的 JavaScript

图表库。它提供了所有主要的图表类型,如饼图,柱形图,条形图,面积,地理,时间,以及多个系列。

MeteorCharts

它有一个很酷的图表生成器,为您提供选项来选择图表,选择主题,然后生成一个图表。

amCharts

amCharts 无疑是最漂亮的图表库。amCharts 提供了JavaScript/HTML5 Charts、Javascript/HTML5

Stock Chart、JavaScript Maps 三种图表组件。

EJS Chart

EJS图表声称自己是企业准备的图表库。图表看起来很干净,可读性比大多数旧的图表库。这也是与IE6+等旧浏览器兼容。

uvCharts

uvCharts 是一个开源的 JavaScript 图表库,号称有100多个自定义选项。它拥有12种不同的标准图表类型,开箱即用。

ECharts

基于 Canvas,纯 JavaScript

图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现。

出现了echarts is not defined的报错,是版本的问题。

对于压缩版的echarts2.2.7及以上版本,是包含了esl的,所以直接像官网一样<script src="echarts.min.js"></script>引入到页面即可。

也有可能是直接引用了项目文件<script src="./src/echarts.js"></script>,这不是模块化的方式,所以浏览器也就很直接报错误。

Uncaught ReferenceError: define is not defined echarts.js:18

Uncaught ReferenceError: require is not defined test.html:13

前一个是说define方法没有导入, 后一个是说require方法没有导入。

问题的关键有可能是<script src="./statics/js/echarts/esl.js"></script>没有导入,这是因为echarts是架设在efe团队的esl框架基础上的。

导入后,你有可能还缺少zrender,ECharts是基于zrender这个html5画图组件。如果是没有压缩的版本,需要另外引入esl.js才可以使用。如下图:

扩展资料

关于ngx-echarts的echarts is not defined问题

引用的angular框架,其中需求方要求绘制一些图标,于是便引用echarts,但是在angular4中引用echarts会出现 echarts is not defined这种错误。

这个问题其实就是echarts的引用问题,要是你没有在.angular-cli.json中引用echarts,需要像如下引用:

如果这样还没有解决问题,那么继续往下看。

在../node_modules/@angular/cli/models/webpack-configs/common.js中找到plugins数组,如下添加:

参考资料:echarts4.0官网-ECharts教程