资视就是力量 - Highcharts / 尾声

终於,花了一个月的时间,我们从零开始认识 Highcharts 到现在已经能够配合 Vue.js 一同运用,希望这次的系列文章能帮助到各位,如果内容与实际使用上有出入也欢迎大家帮忙指正,那今天的章节就让我花点时间说说自己的参赛感言吧。


选题动机

其实我自己也是个很 ju 的前端 junior,以往也从未使用过任何相关的 library,会接触到 Highcharts 纯粹是因为工作上刚好接到了个报表呈现的专案,而且技术选用也是由前辈决定的,所以完全是「被学习」 Highcharts。

不过好在 Highcharts 真的蛮容易上手的,花了不到半天的时间就可以画出一个完整性很高的图表,但为了让产品的功能更丰富,在将近半年的开发时间中,PM 总是有许多大胆的想法,有些功能总感觉可以做到,却因为属性太多不知从何下手,Google 後大部分也都是英文讨论串,大大增加了我这个英文苦手的开发时间。

所以也是因为自己经历了这些学习过程,才希望可以透过参加铁人赛的机会来试着记录我这半年来累积的经验,或多或少可以帮助想要接触 Highcharts 的朋友。

https://ithelp.ithome.com.tw/upload/images/20201014/201254315dBjzOmK2q.png


参赛心得

这次是第一次参加铁人赛,也因为自己的心态是宁可不参加也不要未完赛,所以刚开始很是犹豫要不要参赛,对於要连续写三十篇文章实在没什麽信心,一路犹豫到了九月初才下定决心,坚持每天至少写一篇文章,不知不觉就在开赛前夕累积了十篇左右。

而後来也才发现,其实最困难的是「下定决心」的那一刻,後面反而是习惯成自然,下班到家就是会自动打开电脑完成文章。

另外收获最大的是,自己为了让文章内容更丰富,所以花了很多时间在研究每个属性的特性并且撰写范例,过程中其实也领悟了很多先前没有察觉的做法或技巧,所以自己在这次参赛中也算是有所成长吧。

https://ithelp.ithome.com.tw/upload/images/20201014/20125431OtlAfTRDkg.png

本次系列文章中的所有范例列表:codepen


未来期许

其实 Highcharts 不只有这次系列文章中介绍的基本图表,还有很多特殊种类、3D图表等等,甚至还有股票专用的 Highcharts Stock、绘制甘特图的 Highcharts Gantt 以及绘制地图的 Highcharts Maps,这些延伸模组目前也都在学习摸索中,也希望自己可以在熟悉了之後二次参赛并向大家介绍。

https://ithelp.ithome.com.tw/upload/images/20201014/20125431nfYQKFARI4.png

那最後也要非常感谢各位愿意花时间阅读我的文章,希望对大家有所帮助,未来有机会的话也期待再次於铁人赛中和大家相见。

所有系列文章也同步发表於个人部落格:https://maxleebk.com/


<<:  总结与心得

>>:  Android Studio 菜鸟笔记本-Day 29-介绍Room资料库三种类别

[ Day 01 ] 开赛和那些期许

哈罗大家好!我是阿关 是说第一次参加铁人赛就想要挑战一个自己完全不熟悉的题目 我也是觉得自己蛮有勇...

Day 4 - 用 canvas 复刻 小画家 填入色彩, 橡皮擦

填满色彩 在点击画布时,使用 fillStyle 先填上颜色,再覆盖整个画布 /** * 滑鼠点下画...

DAY 19 制作 Nav Bar - dropdown content

针对 dropdown content,再来做一些微调,让他更像 vogue 官方的样式 // _d...

Day25【Web】TCP 连线与断线:三次握手、四次挥手

TCP 是一种要求资料正确性的传输方式, 这表示它需要一些特殊机制, 来确保传输的数据不会出错。 其...

Dot NET Core Host - 运作概述图解

Net Core 为一跨平台的应用开发,其此框架上可以加上许多自制服务,称之为容器也不为过。 如果...