vue实现动态3d背景,3dmax环形阵列
这篇文章主要为大家详细介绍了某视频剪辑软件实现三维(三维的缩写)环形图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了某视频剪辑软件实现三维(三维的缩写)环形图效果的具体代码，供大家参考，具体内容如下
1.引入highcharts
2.main.js引入highcharts
从"高图表"导入高图表
从"高图表/高图表-3d "导入高图表三维（three dimension的缩写）
高图表3d(高图表)
3.页面引入
init() {
//修改三维(三维的缩写)饼图绘制过程
let each=HighCharts.each，
round=Math.round，
cos=Math.cos，
sin=Math.sin，
2弧度=数学。deg 2 rad
高图表。wrap(高图表。系列类型。派。原型，“翻译”，功能(继续){
proceed.apply(this，[].slice.call(arguments，1))；
//如果图表不是三维的，请不要这样做
如果(!this.chart.is3d()) {
返回；
}
定义变量系列=这个，
chart=series.chart，
选项=图表.选项
seriesOptions=series.options，
depth=seriesOptions.depth 0，
选项3d=选项。图表。选项3d，
alpha=options3d.alpha，
beta=options3d.beta，
z=seriesOptions.stacking？(seriesOptions.stack 0) *深度：系列我*深度；
z=深度/2;
if (seriesOptions.grouping！==假){
z=0；
}
每个（系列。数据，函数（点){
var shapeArgs=point.shapeArgs，
角度；
point.shapeType= arc3d
var ran=point。选项。h；
shapeArgs.z=z
shapeArgs.depth=深度* 0.75 ran
shapeArgs.alpha=alpha
shapeArgs.beta=beta
形状参数。中心=系列。居中；
shapeArgs.ran=ran
角度=(形状参数。结束形状参数。start)/2；
point.slicedTranslation={
平移x:圆形(cos(角度)*系列选项。切片偏移* cos(*度2弧度))，
平移y:圆形(正弦(角度)*系列选项。切片偏移* cos(* deg 2 rad))
};
});
});
（功能(H) {
包装(高图表SVGRenderer.prototype， arc3dPath ，函数（继续){
//运行原始处理方法
var ret=proceed.apply(this，[].slice.call(arguments，1))；
控制台。日志(ret)；
ret。ztop=(ret。zout 1)/100；
返回浸水使柔软
});
}(高图表));
//日总存煤量
高图表。图表(每个图表的输出3d ，{
图表：{
类型："饼图",
背景色：透明，
事件：{
负载：函数(){
让each=HighCharts.each，points=this.series[0].分；
每个（点，函数(p，i) {
p.graphic.attr({
translateY: -p.shapeArgs.ran
});
p.graphic.side1.attr({
translateY: -p.shapeArgs.ran
});
p.graphic.side2.attr({
translateY: -p.shapeArgs.ran
});
});
}
},
选项3d: {
启用：真，
阿尔法：65
},
},
标题：{
文本：""
},
图例：{ //图例
布局："水平",
垂直对齐："底部",
对齐："居中",
y: 15，
x: 0，
useHTML: true，
符号宽度宽度：10,
symbolHeight: 10，
labelFormatter: function() {
span style= margin-left:10px this。y /span吨；
},
项目样式：{
颜色： #fff ，
fontSize:14px ，
}
},
工具提示：{
启用：假，
},
学分：{
启用：假，
},
绘图选项：{
馅饼：{
中心：[50% , 68%],
尺寸：250,
内部尺寸：140,
颜色：[#249ba5 ， #2765b0 ， #78c5ef ， #f6c155 ， #ef8036 ， #be30ff]
}
},
系列：[
{
名称：青磁窑矿，
数据：this.optionData，
showInLegend:没错，
数据标签:{
填充：-10,
影子：没错，
风格：{
fontWeight:粗体，
fontSize:14px ，
颜色： #fff ，
文本大纲：“1px 1px透明",
},
格式化程序：函数(){
归还这个。key br/ p style= color:# 00 AFFF (这。y/这个。总数* 100).到固定(2)" %/p "；
},
},
}
]
})
},
4.最终实现效果
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。