37 | 实战（一）：如何使用图表库绘制常用数据图表？
月影
该思维导图由 AI 生成，仅供参考
你好，我是月影。
图表是我们在可视化中展示数据常用的方式之一，常见的有柱状图、折线图、饼图等等，我们之前也都一一实现过。如果我让你总结一下图表的实现方法，你能说出来吗？总结不出来也没关系，这节课，我们就一起梳理一下实际项目中常用的制图方法。
实现图表有两种方式，一是使用现成的图表库，二是使用数据驱动框架，前者胜在简单易用，后者则更加灵活。所以，我们会用两节课的时间分别来讲，使用图表库和使用数据驱动框架的制图思路。
因为使用图表库更加简单，所以这一节课我们先来讲怎么使用它实现图表。另外，这节课的实践性比较强，我建议你跟着我的讲解一块儿动手去写，这样能更快地理解课程的内容。
课前准备
说了这么多，我们今天到底会用哪些图表库呢？我们主要会使用我们比较熟悉的 SpriteJS 和 QCharts 来绘制图表。其他的图表库，例如更常用的ECharts，它在图表实现上的原理和用法和我们今天讲的基本相同，所以学完了今天的内容，你完全可以根据它的教程文档去自学。
好了，确定了要使用的工具之后，我们就要配置和加载 SpriteJS 和 QCharts。具体怎么做呢？
最简单的方式是，我们直接通过 CDN，用 script 标签来加载 SpriteJS 和 QCharts 打包好的文件。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文详细介绍了使用QCharts图表库绘制常见数据图表的方法，包括折线图、面积图、柱状图、饼图、雷达图、仪表盘、玉玦图和南丁格尔玫瑰图。作者首先介绍了图表的两种实现方式，然后重点讲解了QCharts图表库的基本用法和绘制不同类型图表的步骤。通过代码示例，读者可以清晰了解如何创建图表对象、绑定数据、添加图形、坐标轴、图例和提示信息等操作。此外，文章还提到了如何在一个图表中聚合多维度变量，展示不同类型的图形组合。总的来说，本文内容涵盖了QCharts图表库的基础知识和常用方法，对于想要学习图表绘制的读者具有实用价值。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《跟月影学可视化》，新⼈⾸单¥68
《跟月影学可视化》，新⼈⾸单¥68
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(1)
- 最新
- 精选
谢小路大部分图表库的使用都差不多。之前我用go封装了很多类似的图表库，方便go环境下直接使用。python封装的图表库pyecharts基本思路也是这样。作者回复: 赞👍
2021-02-081
收起评论