Highcharts3D环形图


***Highcharts3D环形图***小知识：
//渐变Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function (color) {return {radialGradient: { cx: 0.1, cy: 0.3, r: 0.3},stops: [[0, color],[1, Highcharts.Color(color).brighten(-0.1).get('rgb')] // darken]};});
var chart = Highcharts.chart('container', {
//去除Highcharts的水印
credits: {
enabled: false
},
chart: {
type: 'pie',
//设置背景透明
backgroundColor: 'rgba(0,0,0,0)',
options3d:{
//画图表是否启用3D函数，默认值为：false
enabled:true,
//3D图旋转角度，此为α角，内旋角度默认为0
alpha:70,
//3D图旋转角度，此为β角，外旋角度 默认为0
beta:0,
//图表的全深比，即为3D图X，Y轴的平面点固定，以图的Z轴原点为起始点上下旋转，值越大往外旋转幅度越大，值越小往内旋转越大，depth的默认值为100
//默认是： 100
depth:40,
//它定义了观看者在图前看图的距离，它是非常重要的对于计算角度影响在柱图和散列图，此值不能用于3D的饼图，默认值为100
viewDistance: 10
}
},
//Highcharts标题
title: {
text: '' " //标题为空
},
//Highcharts副标题
// subtitle: {
// // text: 'Highcharts 中的3D环形图'
// },plotOptions: {
pie: {
colors: ['#007968', '#9B63A1'],innerSize: 100,
depth: 36,
dataLabels: {
//是否显示饼图的线形tip
enabled: true,
formatter: function() {
//设置字体与引导线和饼图颜色一致`在这里插入代码片`
return '<p style="color:'+ this.color+'">'+ this.point.name +'</p><br>
<p style="color:'+ this.color+'">'+ (this.percentage).toFixed(1)+'%</p>';
},
style: {
//去掉文字白边
textOutline: 'none',
//字体大小`在这里插入代码片`
fontSize: "26px",
}
}
}
},
series: [{
name: '所占比例',
data: [
['男', 8],
['女', 3]
],
xAxis: {
labels: {
rotation: 90
}
}
}],
});

Highcharts3D环形图相关推荐

JS，统计图表大全－－三、饼形图（饼图及环形图）
三.饼形图(饼图及环形图) HTML参考 <!DOCTYPE HTML> <html><head><meta charset="utf-8" ...
highchart实现,有间隔3D环形图
文章目录 @[TOC](文章目录) 一.highchart实现,有间隔3D环形图二.使用步骤 1.代码实现一.highchart实现,有间隔3D环形图二.使用步骤 1.代码实现代码如下(示例) ...
java 饼图框架_Java 在 Excel 中创建饼图/环形图
import com.spire.xls.*;importcom.spire.xls.charts.ChartSerie;importcom.spire.xls.charts.ChartSeries; ...
修改echarts环形图的牵引线及文字位置
修改echarts环形图的牵引线及文字位置,下面代码及效果不仅如此,也包含了其它的效果哦.有问题可以留言. 根据echarts官方示例修改效果: 官方示例图: 修改效果图: 直接上代码:其它不多说. ...
ECharts 之环形图
上一篇文章写了堆叠柱状图的用法,本文写的是环形图的方法,环形图是饼图的一种,具体的饼图可以自己更改radius属性的大小 radius : ['50%', '70%'], //饼图的半径,第一项是内半 ...
python怎么画多重饼状图_Python通过matplotlib画双层饼图及环形图简单示例
(1) 饼图(pie),即在一个圆圈内分成几块,显示不同数据系列的占比大小,这也是我们在日常数据的图形展示中最常用的图形之一. 在python中常用matplotlib的pie来绘制,基本命令如下所示 ...
tableau可视化函数使用案例（六十七）-Tableau饼图及其变种（环形图、南丁格尔玫瑰图、旭日图）
01 基本饼图饼图常用于表达多个子类的占比,通过观察饼图扇形角度的大小,可快速对比各子类间的相对关系.在Tableau中,制作饼图比较方便,仅需依次将类别和相应度量信息拖动到标记区的颜色和大小即可. ...
tableau实战系列（四）用条形图或环形图来呈现进度百分比
我们经常用来呈现百分比的图表有两种:条形图或环形图(如下图),它们在 Tableau 中是可以实现的. 那么,在 Tableau 中如何制作百分比条形图和百分比环形图呢?今天我们来学习方法. ☞ 先来 ...
如何用pyecharts绘制柱状图，条形图，折线图，饼图,环形图，散点图
简介 pyecharts是一个由百度开源的数据可视化,凭借着良好的互交性,精巧的图表设计,得到了众多开发者的认可,而python是一门富有表达力的语言,很适合用于数据处理.当数据分析遇上数据可视化时, ...

Highcharts3D环形图

Highcharts3D环形图相关推荐

最新文章

热门文章