第31页，共166页。 显示 1,655 条结果 (0.032 秒)
ECharts图形-标准环形图/南丁格尔玫瑰图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 标准环形图和南丁格尔玫瑰图都是饼图的变形图。 标准环形图是饼图挖去中间一部分所构成的图形，每个色块表示各数据数量的比例。 南丁格尔玫瑰图是通过扇形的面积和半径显示数据的占比情况，面积和半径表示数据的占比大小。 优势：明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据类别ECharts图形-航线图/3D航线图
说 明 1.数据对比差异 航线图：支持展示起点数据到终点数据的动态效果和指标数据。 3D航线图：不支持展示指标数据。 2.实用性差异 航线图：支持显示区域及对应的数据。 3D航线图：支持显示数据有3D立体效果。 3.图形构建差异 航线图：使用二维地图展示。 3D航线图：使用地球坐标ECharts图形-标准环形图/南丁格尔玫瑰图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 标准环形图和南丁格尔玫瑰图都是饼图的变形图。 标准环形图是饼图挖去中间一部分所构成的图形，每个色块表示各数据数量的比例。 南丁格尔玫瑰图是通过扇形的面积和半径显示数据的占比情况，面积和半径表示数据的占比大小。 优势：明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据类别ECharts图形-航线图/3D航线图
说 明 1.数据对比差异 航线图：支持展示起点数据到终点数据的动态效果和指标数据。 3D航线图：不支持展示指标数据。 2.实用性差异 航线图：支持显示区域及对应的数据。 3D航线图：支持显示数据有3D立体效果。 3.图形构建差异 航线图：使用二维地图展示。 3D航线图：使用地球坐标ECharts图形-标准面积图/堆积面积图
面积图：不支持图表有重叠的数据显示。 堆积面积图：支持图表有重叠的数据显示。 2.实用性差异 标准面积图：支持对比的分类项不宜过多。 堆积面积图：可以支持较多的对比分类项。 3.图形构建差异 标准面积图：数据构建的面积以“0”为起始点。 堆积面积图：最后一条数据面积表示所有数据面积的总和ECharts图形-标准面积图/堆积面积图
面积图：不支持图表有重叠的数据显示。 堆积面积图：支持图表有重叠的数据显示。 2.实用性差异 标准面积图：支持对比的分类项不宜过多。 堆积面积图：可以支持较多的对比分类项。 3.图形构建差异 标准面积图：数据构建的面积以“0”为起始点。 堆积面积图：最后一条数据面积表示所有数据面积的总和Echarts图形-扩展属性：数据标签 - 柱图数据标签倾斜 45°
（本文档仅供参考） 问题 柱图中的数据标签希望实现倾斜 45° 的效果 image2021-7-7_14-7-10.png 实现方式 参考以下扩展属性实现。 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "top", "rotate": 45,//标签Echarts图形-扩展属性：数据标签 - 柱图数据标签重叠问题
（本文档仅供参考） 问题 当柱图系列较多，数值较大且相近时，容易出现数据标签重叠的现象，如下图所示： image2021-4-25_10-41-38.png 如何实现每个系列中的数据标签可以依次往上偏移，实现数据标签不重叠？ 解决方案 可通过扩展属性调整每个柱子的数据标签位置，扩展属性如下： { "series": [{ "itemStyle": { //有多个系列柱图，需要设置多个itemStyle "normal": { "label": { "show": true, "position": "top", "offset": [0, 0] //是否对文字进行偏移。默认不偏移。例如：[30,Echarts图形-扩展属性：数据标签 - 柱图标签换行显示
（本文档仅供参考） 问题 如何实现柱图标签换行显示？ 2022-10-08_134513.png 解决方案 可以用以下扩展属性实现： 注意，有多少个类别就需要写多少次 对于该属性具体可见Echarts官网说明：https://echarts.apache.org/zh/option.html#series-bar.label.formatter https://echarts.apache.org/zh/option.html#series-bar.label.formatter { "series": [ //第一个类别 { "itemStyle": {Echarts图形-扩展属性：数据标签 - 横条图数据项标签负值显示为正数
（此文档仅供参考） 问题1： 横条图原始数据项标签如下截图，希望左边的数据项标签显示为正值： image2022-2-9_16-51-59.png 解决方案 可以参考以下扩展属性去实现： { "series": [{},{ "label": { "normal": { "show": true, "textStyle": { }, "formatter": "function(params){return params.value[0]*-1;}
