r如何打开html5,利用R实现 HTML5/Canvas 柱状图+饼图

为了表现出足够的菜鸟本色,这次依然玩的是简单“花活”————利用HTML5/Canvas 做一个柱状图+饼图的组合。主要的目的是熟悉下“@雁起平沙”兄极力推荐的JSON,然后用点能够看懂JS和HTML5/Canvas 的小伎俩探究下R与HTML5跨界的玄幻(不会的东西都玄幻。。。)。

“要鼠标干嘛?”————某大佬对静态图吐的一个小槽。 其实,我对静态图也很是不爽,看到图片就像戳戳点点,看个文献也喜欢画画杠杠(也许有点多动症)。于是,我就想着如何撇开有点闷的R原生画图工具,用交互性更好的Canvas 来做出漂亮的图,甚至可以表现时间序列的图。

从实现的角度看,我需要做两个事情:1. 利用R 生成JSON对象传递给网页(HTML)。2.利用JS编程,实现数据的表现。下面我们分块来看下这两块的实现,

利用R 生成JSON对象传递给网页(HTML):

这里需要加载一个叫RJSONIO的包,需要将数据列表化(而非数据框)后才能比较准确地实现JSON转化,以测试数据为例:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
饼图、环图、双层环图和柱状图是常用的数据可视化图表类型。 饼图是一种圆形图表,用于展示各个部分在整体中的比例关系。可以使用plt.pie()函数来创建饼图。该函数接受一组数据x,标签labels,颜色colors等参数来绘制饼图。\[1\] 环图是一种类似于饼图的图表,但是具有空心的中间部分。可以通过设置wedgeprops参数的width属性来控制环图的空心程度。\[3\] 双层环图是一种将两个环图叠加在一起的图表,用于展示两组数据之间的比例关系。可以使用两次plt.pie()函数来绘制两个环图,并通过设置pctdistance参数来调整两个环图之间的间距。\[3\] 柱状图是一种用矩形条表示数据的图表,用于比较不同类别之间的数值。可以使用plt.bar()函数来创建柱状图。该函数接受一组数据和对应的标签作为参数,可以通过设置width参数来调整柱状条的宽度。\[2\] 以上是关于饼图、环图、双层环图和柱状图的简要介绍,具体的绘制方法和参数设置可以参考引用的代码示例。 #### 引用[.reference_title] - *1* *3* [Python数据可视化:线型、Marker、简单折线图、多柱状图、基本饼形图与嵌套饼形图](https://blog.csdn.net/weixin_47269399/article/details/127038998)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [wx-charts:基于canvas绘制:饼图,线图,柱状图(适用1122)](https://blog.csdn.net/sinat_17775997/article/details/53859914)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值