专栏首页GopherCodercharts: 图表工具

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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"}

}

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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"}

}
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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"}

}
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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"}

}
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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"}

}
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":"图表演示示例"},
    "subtitle":{"text":"made by xiexiaolu"},
    "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': '演示图标'},
    'subtitle':{'text':'made by xiexiaolu'},
    'height':400, 
    'chart':{'zoomType':'xy'}, 
    'plotOptions': {
        'spline': { 
            'dataLabels': {'enabled': True,
                           'shadow':True,
                           'backgroundColor': 'rgba(170, 228, 129, 0.9)',
                           'borderRadius': 4, 
                           'borderWidth': 1,
                           'padding': 5,
                           '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': '演示图标'},
    'subtitle':{'text':'made by xiexiaolu'},
    'height':400, 
    'chart':{'zoomType':'xy'}
}

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

10.png

总结

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

参考

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 『Swagger 上手』

    谢伟
  • Python 强化训练:第八篇

    谢伟
  • 『Go 内置库第一季:error』

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

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

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

    守候i
  • R语言模拟:Bias Variance Trade-Off

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

    量化小白
  • python练习题(一)

    原型为:os.walk(top, topdown=True, onerror=None, followlinks=False)

    py3study
  • 对拍程序

    执行./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 入门教程,当...

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

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

    墨者安全筱娜

扫码关注云+社区

领取腾讯云代金券