html5 饼图之饼图牵引线

工具/原料

html5图表软件：FineReport7.1.1

大小：148.2M 适用平台：windows/linux

1. 问题描述

饼图中扇区比较密集时，若将系列值再显示在每块扇区内，会显示不清楚甚至重叠，此时可以使用牵引线来显示系列的值，如下图：

2. 示例

2.1 打开报表

打开报表%FR_HOME%WebReportWEB-INF

eportletsdocAdvancedChartDarea.cpt。

2.2 牵引线设置

选中图表，选择图表属性表-样式>系列>标签，勾选标签，选择饼图位置在饼图外，牵引线会自动勾上，如下图：

2.3 预览与保存

保存模板，点击分页预览，即可看到效果。模板效果在线查看请点击3Darea_1.cpt

已完成模板可参考%FR_HOME%WebReportWEB-INF

eportletsdocAdvancedChartDarea_1.cpt。