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