91高清免费观看_亚洲高清视频免费观看_91视频综合_国产精品一区99_伊人手机视频_懂色av懂色aⅴ精彩av

有趣生活

当前位置:首页>时尚>可视化图表的数据准备(如何做出漂亮干净)

可视化图表的数据准备(如何做出漂亮干净)

发布时间:2024-08-26阅读(3)

导读这是Tiny图表库四种核心图表类型的展示,在文章开始之前让我们先来一睹为快吧。在开发移动产品的过程中,我们总会遇到一些业务场景,需要用合适的方式来呈现数据。....

这是Tiny 图表库四种核心图表类型的展示,在文章开始之前让我们先来一睹为快吧。

在开发移动产品的过程中,我们总会遇到一些业务场景,需要用合适的方式来呈现数据。比如健身类app 用户想要知道自己每天的健身时长来调整健身方式,理财类app 的用户想要了解目前主要基金的走势进行决策分析等等,在这些场景中,跟一团乱糟糟看得人之凡云的数据相比,统计图会更直观、更友好,相比之下,做出聪明开发者的你会选择那种方式呢?

想必英雄所见略同,大家都会选择统计图来可视化数据,为了让事情更加简单,我们可爱的Tiny 团队挖掘了很多深层次需求之后,在Tiny 平台封装了你需要的最好的图表库。所以,让我们赶紧开始使用起来吧。

Tiny图表库四个核心图表类型

  1. 柱状图 和 条形图(TEBarChartEmbed)

  2. 折线图(曲线图)和面积图(TELineChartEmbed)

  3. 环形图(TECircleChartEmbed)

  4. 饼图(TEPieChartEmbed)

  5. Tiny 图表库的图表类型都具有绘制动画。

统计图博览会

柱状图与条形图的小事

让我们来用Tiny 图表功能做一个简单的Bar chart吧 ^ ^

我们改变其中一个参数 direction 的值为 y 的时候,会发现我们的图表加了一个特效,居然成了条形图。

善变的折线图(曲线图、面积图)

让我们来用Tiny 图表功能做一个简单的line chart吧 ^ ^

tml 页面

<div>

<embed classid="TELineChart" id="TELineChartEmbed">

</embed>

</div>

/**

*

* @param id 指定图表类型,TELineChartEmbed 表示的就是折线图

*

* @param class 图表呈现的大小、位置、布局等

*/

结果华丽华丽的~

我们改变参数 isColorFill 的值为 true 的时候,会发现我们的图表加了一个特效,居然成了面积图。

我觉得还可以改变,比如让参数 cubicIntensity 取值为1,会怎样呢?且看下图,跟棱角分明的折线图相比,虽然趋势依旧,但多了几分圆润。

环形图

我们举个栗子

tml 页面

<div>

<embed classid="TECircle" id="TECircleChartEmbed">

</embed>

</div>

/**

*

* @param id 指定图表类型,TECircleChartEmbed 表示的就是环形图

*

* @param class 图表呈现的大小、位置、布局等

*/

结果依旧是华丽丽的~

饼图

我们举复杂一点的栗子

tml 页面

<div>

<embed classid="TEPieChart" id="TEPieChartEmbed">

</embed>

</div>

/**

*

* @param id 指定图表类型,TEPieChartEmbed 表示的就是饼图

*

* @param class 图表呈现的大小、位置、布局等

*/

当然,还是华丽丽的~

额 这个饼图有点不一样,我们来改造改造,让参数 centerTitle 和 centerSummary 的值为空,且删除参数 centerColor,这下看起来是不是熟悉很多了呢!

如你在文章中所见,Tiny 平台的图表漂亮,干净,优雅,具有快速响应的动画效果,包括四个常见图表类型(柱状图,折线图,环形图和饼图)每个图表都是独立的模块,每种模块都有丰富的自定义选项和棒棒的动画效果哦~,所以你甚至可以只加载项目需要的模块以最大化缩小代码占用空间,同时能更容易提取和传达关键的观点和见解,还不赶紧来用用看。

更多详细,请关注微信公众号TinyBuilder 或者i_chaixiaomu。

欢迎分享转载→http://www.umpkq.cn/read-387991.html

Copyright ? 2024 有趣生活 All Rights Reserve吉ICP备19000289号-5 TXT地图

主站蜘蛛池模板: 99在线精品视频在线观看 | 色欲综合一区二区三区 | 天天做天天添天天谢 | 五月天网站最新的网址 | 国产亚洲精品久久久ai换 | 特级淫片aaaa毛片aa视频 | 九九热线精品视频18 | 9久re在线观看视频精品 | 亚洲国产日韩精品一区二区三区 | 国产1区| 老太脱裤让老头玩ⅹxxxx | 白嫩美女一级高清毛片免费看 | 亚洲色大成网站www久久九九 | 国产综合区 | 湖南毛片 | 大香线蕉伊人久久爱 | 色 亚洲 日韩 国产 综合 | 免费黄色a级片 | 亚洲成人看片 | 黄色视屏免费看 | 高清视频在线观看一区二区三区 | 免费看成人毛片日本久久 | 久久影院中文字幕 | 伊人青青久 | 男人天堂网址 | 久久精品亚洲一区二区三区浴池 | 欧美中文综合在线视频 | 日本九九精品一区二区 | 最近2019好看的中文字幕免费 | 中文字幕伦理聚合第一页 | 欧美精品一区二区精品久久 | 日韩欧美在线观看成人 | 国产成人精品视频 | 精品无码人妻一区二区三区品 | 国产av亚洲精品久久久久 | 国产激烈床戏无遮挡网站 | 久久66热人妻偷产精品9 | 爱爱视频天天看 | 午夜视频在线免费 | 久久久亚洲精品成人 | 国产亚洲精品久久久999小说 |