数据可视化大屏项目开发中，需要显示3d饼状图，这里我们使用的是highcharts来实现3d饼状图。
饼状图要求鼠标移上去后，显示详细的数值。默认的情况下，是只显示名称和占比的，tooltip按照我们的要求显示了，但是数字千分位会出现空格，客户不想看到，所以前端仍然要处理一下。
...
yekong
2年前 (2023-06-06)
喜欢
数据可视化大屏项目开发中，需要显示3d饼状图，这里我们使用的是highcharts来实现3d饼状图。
饼状图要求鼠标移上去后，显示详细的数值。默认的情况下，是只显示名称和占比的，所以这里我们需要调一下。
默认配置：
var tooltip = {
pointFor...
yekong
2年前 (2023-06-05)
喜欢
vue数据可视化大屏项目开发中，需要一个3d饼状图效果，并且标签样式要可以自定义效果如下图：
将实现代码记录下来，方便后期复用。
效果演示
效果演示实例
vue2 数据可视化大屏 - 工器具管理系统
标签要可以自定义样式
Highcharts 3d饼状图标签样式自定义
dat...
yekong
2年前 (2023-05-17)
喜欢
数据大屏 项目开发中需要3d饼状图效果来展示性别比例，这里我们使用的是highcharts 来实现3d饼状图。
根据列表数据自动计算当前数据总数。
效果演示
引用组件
<template>
<div class="itemBodys"...
yekong
2年前 (2023-05-15)
喜欢
数据大屏 项目开发中：highcharts中label与饼状图的连接线过长，导致连接线占用区域过大，客户要求饼状图放大，所以这里我们就需要缩短线的长度，避免导致label显示不完整。
highcharts 可以通过distance来控制label与饼状图之间的距离，边线的长度。...
yekong
2年前 (2023-05-03)
喜欢
vue3 数据可视化大屏 项目开发时，需要渲染3d饼状图，这里使用的highcharts实现的效果。
版本号选择
不知道为啥使用最新的版本11 显示效果异常，所以改为了10.1.0
"highcharts": "10.1.0",
演示实...
yekong
2年前 (2023-05-01)
喜欢
vue2 可视化数据大屏 项目开发中，需要渲染3d饼状图，这里使用的是highcharts来实现的3d饼状图.
安装依赖
npm install highcharts-vue --save
npm install highcharts --save
全局注册
import Vu...
yekong
2年前 (2023-04-22)
喜欢
隐藏前
隐藏后
使用enabled控制
dataLabels: {
padding: 0,
show: false,
enabled: false,
style: {
color: 'rgba(146, 178, 215, 1)'
}
},
组件...
yekong
2年前 (2022-07-27)
喜欢
colors
chartOptions: {
chart: {
type: 'pie',
backgroundColor: 'rgba(0,0,0,0)',
options3d: {
...
yekong
3年前 (2022-03-16)
喜欢
innerSize
chartOptions: {
chart: {
type: 'pie',
backgroundColor: 'rgba(0,0,0,0)',
options3d: {
...
yekong
3年前 (2022-03-16)
喜欢
