用新鲜出炉的神器NB 3D Char...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
4657 0 0 2022-05-12

不仅开发了超好用的三维图表工具,连前端开发如何实现的问题都帮你想到了

大家好,我是灰色执照~

很开心又和大家见面了,沉默了这么久才和大家见面,自然要带来好东西。

这次努力了一个多礼拜,带来了 秒画3D柱状图 的网页工具~

具体可以做什么事情,请看下面三张图:

▲ 它可以绘制这种立体的圆柱图


▲ 可以绘制这种多种柱子的对比图



▲ 可以绘制堆叠柱状图



操作比较简单,打开网站通过鼠标就可以拖拽不同的角度,可以滑动滚轮缩放立体柱状图的大小,可以随意的添加修改数据,可以导入Excel里面的数据……

操作和功能比较多,大家去B站去看我录制的视频教程即可:

https://www.bilibili.com/video/BV1m54y1f7C1




制作好你需要的立体柱状图后,你可以下载透明背景的PNG图片,放到你的设计稿或者PPT里面就可以了。可以说是非常的方便~

你还可以调节它的边,让它呈现为多边形的柱子。


到目前为止,我们的 NB 3D Charts 这款产品已经开发了如下功能了:

1、制作饼图



2、制作散点图


3、制作柱状图


你只要打开如下网站,就可以使用我们的工具了。

https://www.pslkzs.com/chart/charts.php


点击蓝色按钮,就是视频教程。点击橙色按钮,就是使用相应的功能。

好了,今天的文章就到这里了。

文章最后,回答大家一个特别关心的问题:

设计了这样立体图表,前端开发如何实现?


答案是使用 highcharts 这个 js 库就可以了,它的详细地址如下:

https://www.highcharts.com.cn/demo/highcharts#3d


这是它的详细示例,大家再也不要操心无法实现的问题了。

好了,今天的文章到这里就真的结束了。

开发不易,老铁们点个赞或者收藏,支持一下。我要去开发3D折线图了,我们下期见~

Powered by Froala Editor

全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票