第68页,共149页。 显示 1,487 条结果 (0.03 秒)
Echarts图形-扩展属性:自助仪表盘饼图自定义数据标签以及提示框内容
(本文档仅供参考) 问题说明 自助仪表盘里面,饼图如何设置,数据标签显示数量,但是鼠标提示显示百分比: 1.png 解决方案 1.双击“产品目录名称”和“数量”字段,由系统自动分配维度到“颜色”标记项、分配度量到“角度”标记项 2.把“产品目录名称”、“数量”拖拽到“标签”标记项,如下图: 2.png 3.修改扩展属性,设置鼠标提示内容,显示百分比: 7.png 3.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, 4.或者可以直接通过扩展属性来实现: (1)双击“产品目录名称”和“数量”字段,由系统自动分配维度到“颜色Echarts图形-扩展属性:双Y联合图设置X轴对应右Y轴在0刻度值
(此文档仅供参考) 问题描述 Echarts双Y图如何设置哪个轴的 0 刻度上?现在是左Y轴再0刻度值上,如何设置右Y轴? 01.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex https://echarts.apache.org/zh/option.html#xAxis.axisLine.onZeroAxisIndex { "xAxis": { "axisLine": { "onZeroAxisInEcharts图形-扩展属性:Y轴设置最小值时,坐标轴名称不显示
(本文档仅供参考) 问题描述 在使用动态获取y轴最小值和最大值的扩展属性代码的时候,会让Y轴的坐标轴名称不见 image2022-11-30_14-29-55.png 原始上面有个坐标轴名称,如下图 image2022-11-30_14-30-9.png 解决方案 通过扩展属性实现,具体请参考如下扩展属性: 1 2 3 4 5 6 7 8 9 10 11 12 13 { "yAxis": //左y轴 { type: 'value', //获取最小值并实现向上取整 min: 'function(value){ return Math.flEcharts图形-扩展属性:y轴最大最小值修改(仪表盘使用)
(本文档仅供参考) 问题 请问线图的y轴,能否自动获取到数据的最大最小值,作为坐标轴的起始值和终点值? image2023-2-28_18-3-19.png 解决方案 方案一:V10.5及以上版本,使用仪表盘值轴设置自定义最大最小值。 具体使用可参考:交互式仪表盘-值轴设置 image2023-3-2_16-51-33.png 方案二:可在扩展属性中进行如下设置: { "yAxis": { "max": "function (val){Number(val.max.toFixed(0));}", "min": "function (val){Number(val.min.toFixed(0));Echarts图形-扩展属性:标注线显示为百分比并保留两位小数
(本文档仅供参考) 问题 是否有将标线设置为百分比显示的代码。 1.jpg 解决方案 可使用如下扩展属性代码实现: { "series": [{ "markLine": { "label": { "formatter": "function(params){return (params.value*100).toFixed(2)+'%'}" } } }] } V10.5中Echarts图形-扩展属性:数据标签 - 堆积柱图显示各自数据标签及合计值
(本文档仅供参考) 问题 想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果,如下图示 image2022-3-15_13-45-39.png 解决方案 可添加一个合计字段进行作图,同时通过扩展属性隐藏该合计值字段的柱子,只显示数据标签 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "inside" } } } }, { "itemStyle": { "normal":Echarts图形-扩展属性:数据标签 - 堆积横条图数据项标签重叠问题
(本文档仅供参考) 问题 由于数据占比太小,导致堆积横条图数据项标签重叠在一起,不方便查看,如下截图 图片16.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面,第三组显示在上面。实现效果如下: 图片17.png 可以参考此扩展属性在图形上写扩展属性实现(具体扩展属性需要根据您实际情况修改): 图片18.png { series: [{ label: { normal: { position: "top"Echarts图形-扩展属性:数据标签 - 柱图数据标签重叠问题
(本文档仅供参考) 问题 当柱图系列较多,数值较大且相近时,容易出现数据标签重叠的现象,如下图所示: image2021-4-25_10-41-38.png 如何实现每个系列中的数据标签可以依次往上偏移,实现数据标签不重叠? 解决方案 可通过扩展属性调整每个柱子的数据标签位置,扩展属性如下: { "series": [{ "itemStyle": { //有多个系列柱图,需要设置多个itemStyle "normal": { "label": { "show": true, "position": "top", "offset": [0, 0] //是否对文字进行偏移。默认不偏移。例如:[30,Echarts图形-扩展属性:数据标签 - 横条图数据项标签负值显示为正数
(此文档仅供参考) 问题1: 横条图原始数据项标签如下截图,希望左边的数据项标签显示为正值: image2022-2-9_16-51-59.png 解决方案 可以参考以下扩展属性去实现: { "series": [{},{ "label": { "normal": { "show": true, "textStyle": { }, "formatter": "function(params){return params.value[0]*-1;}Echarts图形-扩展属性:柱子 - 堆积柱图柱子颜色渐变效果
(本文档仅供参考) 问题:普通柱图渐变 自助仪表盘柱图上想要柱子的颜色实现渐变的效果,如下截图 https://wiki.smartbi.com.cn/download/attachments/76696686/image2021-8-24_18-12-52.png?version=1&modificationDate=1629799972000&api=v2 解决方案 具体请参考如下扩展属性: { "series": [{ "itemStyle": { "normal": { "color": {