如何用highcharts制作3d图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用highcharts制作3d图相关的知识,希望对你有一定的参考价值。

参考技术A 首先,需要说明hightcharts 4支持原生3d图,如果,你要做好效果的3d,建议下载最新的4版本。这是基础。

其次,3d饼图,需要在plotOptions中设置深度属性:

就是这样一句,设置为25:
plotOptions.pie.depth: 25

准备工作完了,我们开始制作3D饼图。
步骤一:按照老规矩,写入highcharts必要的JS:
步骤二:
我们为图表设定一个大小,高度为400px,用div将它包围,然后设置一个id为container,方便下面的js:
步骤三

填入js代码:
$(function ()
$('#container').highcharts(
chart:
type: 'pie',
options3d:
enabled: true,
alpha: 45,
beta: 0,

,
plotOptions:
pie:
depth: 25

,
series: [
data: [2, 4, 6, 1, 3]
]
);
);本回答被提问者和网友采纳

如何用PS制作花型背景图

今天教大家制作一个花型背景吧!先看下图下效果图吧:

技术图片
 
 

步骤1

新建一个2000*2000像素的画布,背景色填充自己喜欢的颜色即可!最好新建一个画布中心参考线哦,在画布中心画一个白色的椭圆形并居中,上下在画布边缘。

技术图片
 

步骤2

双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%。

技术图片

步骤3

添加白色描边,设置大小为3像素,位置外部,混合模式柔光。

技术图片
 

 

技术图片
 

步骤4

重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形。并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“图层组”,将组的不透明度为50%左右

技术图片
 
 

步骤5

ctrl+j复制图层组,调整不透明度为70%左右透明度。调整新组的同时按住Shift键来约束比例。降低整体大小约为60%左右或以下的点相交。

技术图片
 
 

来源:千锋UI设计

以上是关于如何用highcharts制作3d图的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts 动态制作3D柱状图

如何用Python制作3D动态航线图

如何用excel制作中国地图热力数据图

Highcharts:我们如何用动画对系列进行排序?

Highcharts 3D柱形图;Highcharts 堆叠3D柱形图;Highcharts 3D饼图;Highcharts 3D圆环图

如何用PS制作Unity3D场景资源