如何用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柱形图;Highcharts 堆叠3D柱形图;Highcharts 3D饼图;Highcharts 3D圆环图