# charts: 图表工具

## 函数

```- charts.plot(series, options)
- charts.plotasync(series, options)```

## 图表类型

```line：直线图
spline：曲线图
area：面积图
areaspline：曲线面积图
arearange：面积范围图
areasplinerange：曲线面积范围图
column：柱状图
columnrange：柱状范围图
bar：条形图
pie：饼图
scatter：散点图
boxplot：箱线图
bubble：气泡图
errorbar：误差线图
funnel：漏斗图
gauge：仪表图
waterfall：瀑布图
polar：雷达图
pyramid：金字塔```

### 示例

1481355599155.png

### 1. line

```series = [
{
"data":[1,2,3,4,5,6,7],
"type":"line",
"name":"line_one"
},
{
"data":[2,4,6,8,10,12,14],
"type":"line",
"name":"line_two"
},
{
"data":[3,6,9,12,15,18,21],
"type":"line",
"name":"line_three"
},

]

options = {
"title":{"text":"图表演示示例"},

}

charts.plot(series=series,options=options,show="inline")```

1.jpeg

### 2. spline

```series = [
{
"data":[[-2,4],[-1,1],[0,0],[1,1],[2,4]],
"type":"spline",
"name":"spline_one"
},
{
"data":[[-2,-8],[-1,-1],[0,0],[1,1],[2,8]],
"type":"spline",
"name":"spline_two"

}
]

options = {
"title":{"text":"图表演示示例"},

}
charts.plot(series=series,options=options,show="inline")```

2.jpeg

### 3. column

```series = [
{
"data": [1, 2, 3, 4, 5, 7],
"type":"column",
"name":"column_one"
}, {
"data":[2, 4, 6, 8, 9, 13,19],
"type":"column",
"name":"column_two"
}
]
options = {
"title":{"text":"图表演示示例"},

}
charts.plot(series=series,options=options,show="inline")```

3.jpeg

### 4. scatter

```series = [
{
"data": [[1, 1], [1.1,1.1], [1.2, 1.2],[1.3,1.4],[2,1],[2,1.2]],
"type": "scatter",
"name": "scatter_one"
}, {
"data": [1,3,6,9,12,15,18],
"type": "scatter",
"name": "scatter_two"
}, {
"data": [1, 2, 4, 8, 16, 32, 64, 128],
"type": "scatter",
"name": "scatter_three"
}

]

options = {
"title":{"text":"图表演示示例"},

}
charts.plot(series=series,options=options,show="inline")```

4.png

### 5. pie

```series =  [
{
'type': 'pie',
'name': 'Browser share',
'data': [
['Firefox',   45.0],
['IE',       26.8],
{
'name': 'Chrome',
'y': 12.8,
'sliced': True,
'selected': True
},
['Safari',    8.5],
['Opera',     6.2],
['Others',   0.7]
]
}]
options = {
"title":{"text":"图表演示示例"},

}
charts.plot(series=series,options=options,show="inline")

series = [
{
"type": "pie",
"name": "XX大学男女比例",
"data": [
["男", 120],
["女", 20],
{
"name": "未知",
'y': 2,
"sliceed": True,
'selected': True
}
]
}

]```

5.png

6.png

### 6. 混合

```series = [
{
"type":"column",
"name":"one",
"data":[3,2,1,3,4]
},{
"type":"line",
"name":"two",
"data":[2,3,5,7,6]
},{
"type":"spline",
"name":"three",
"data":[3,2.67,4,2.33,3.33],
"marker":{
"lineWidth":4
}
}

]```

7.png

### 7. 显示具体数值

```series = [
{
"type":"column",
"name":"one",
"data":[3,2,1,3,4]
},{
"type":"line",
"name":"two",
"data":[2,3,5,7,6]
},{
"type":"spline",
"name":"three",
"data":[3,2.67,4,2.33,3.33],
"marker":{
"lineWidth":4
}
}

]
options = {
"title":{"text":"图表演示示例"},
"plotOptions":{
"column":{
"dataLabels":{"enabled":True}
},
"line":{
"dataLabels":{"enabled":True}
},
"spline":{
"dataLabels":{"enabled":True}
},
}

}
charts.plot(series=series,options=options,show="inline")```

8.png

### 8. 设置

```series = [{
'name': 'John',
'data': [5, 3, 4, 7, 2]
}, {
'name': 'Jane',
'data': [2, -2, -3, 2, 1]
}, {
'name': 'Joe',
'data': [3, 4, 4, -2, 5]
}]

options = {
'title': {'text': '演示图标'},
'height':400,
'chart':{'zoomType':'xy'},
'plotOptions': {
'spline': {
'dataLabels': {'enabled': True,
'backgroundColor': 'rgba(170, 228, 129, 0.9)',
'borderWidth': 1,
'style': {'fontWeight': 'bold'}
}
}
}
}

charts.plot(series, options=options, show='inline', type='spline')```

9.png

### 9. 气泡图

```series = [{
'name': 'John',
'data': [[1,1],[2,2],[3,3]]
}]

options = {
'title': {'text': '演示图标'},
'height':400,
'chart':{'zoomType':'xy'}
}

charts.plot(series, options=options, show='inline', type='bubble')```

10.png

• 规整数据结构
• 设置参数

0 条评论

• ### 『Go 内置库第一季：error』

Go 中的错误处理和别的语言不一样，设计哲学也不一样，常有开发者埋怨 Go 语言中的错误处理。

• ### css写作建议和性能优化小结

还有几天就到国庆中秋了，快要放假了，先祝大家节日快乐！之前写过js的写作建议和技巧，那么今天就来聊聊css吧！说到css，每一个网页都离不开css，但是对于cs...

本文是对ESL中第七章一个小案例的复现，主要是对机器学习算法误差的分解，全文包括理论推导和模拟两部分。

• ### 对拍程序

执行./dp.sh。 gen 是生成数据的程序，bruteforce 是暴力的程序，my 是我要测试的程序。 diff 的参数-b是忽略空格引起的变化，-y...

• ### 五个python常用运维脚本面试题实例

一、用Python写一个列举当前目录以及所有子目录下的文件，并打印出绝对路径 #!/usr/bin/env python import os for root,...

• ### Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述 前言 2016年，我写了一系列的 VUE 入门教程，当...

• ### DDOS攻击的同时还会携带哪些潜在的攻击呢？

近几年来，DDOS攻击事件越来越猖獗，出现的频率也是一年比一年高很多。同时攻击强度也是越来越难，也会携带相结合一些潜在的攻击方式。DDOS攻击不是简...