第19页,共489页。 显示 4,882 条结果 (0.13 秒)
Echarts图形-扩展属性:样式 - 雷达图修改某条系列值的线条为虚线
(本文档仅供参考) 问题 雷达图展示目标值和实际值,如何将目标值系列线条类型设置为虚线呢? 解决方案 可以使用扩展属性实现,如下: option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注:编写此文档时,echarts版本为5.1.2 效果如下图: 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线横条图-排序横条图(一)
问题描述 将横条图组件模板资源中的排序横条图(一)复制到自己的大屏可视化中,并且替换数据之后。类目轴(即X轴)刻度标签可能显示不出来,并且也想要修改前面序号的背景颜色的话。该怎么处理呢? 0308-14.png 解决方案 以上的效果都是在宏代码中定义的,可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图(一)上,右键→宏管理 0308-15.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面 0308-16.png 3、找到以下代码,其中的 '#fff’ 即为类目轴刻度标签字体颜色,可根据实际情况修改。 0308-17.png极坐标柱图/极坐标堆积柱图
概要说明 极坐标作为一种特殊的二维坐标系统,可以用来布局维度和度量,其中分类轴对应角度轴,以上半圆的垂直线为分类轴;指标轴对应径向轴。 由于我们的视觉系统更善于比较直线,所以笛卡尔坐标系更适合于比较各个分类的数值比较。因此,极坐标柱图从实用的角度去看,其更多的是一种审美上的需求。 含义 入口 例图 极坐标柱图 柱状图关于笛卡尔坐标系转换到极坐标系的仿射变换,用于进行单个项目的比较。 2022-02-15_11-26-44.png 下图展现了不同区域的“数量”对比情况: image2018-9-5 5_18_31.png 极坐标堆积柱图 极坐标与堆积形态横条图-动态横条图(一)-如何使用
问题描述 在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板可以随着筛选器自动切换而切换横条图的数据。那么该组件模板复制到自己的大屏之后,该如何切换数据呢? 0309-12.gif 解决方法 请按照如下步骤操作: 1、将“动态横条图”组合 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中 0309-13.png 2、选中组合中下方的筛选器组件,在筛选器上的组件菜单上,选择“应用于组件”,勾选“动态横条图”。 这一步是因为在组件模板中,是通过筛选器来筛选横条图的数据的。而组件模板复制过来时,筛选器与横条图的关系无法一起复制过来,因此在这一步骤中将筛选器与横条图关联上 0309-14.pngEcharts图形-扩展属性:样式 - 雷达图修改分割线的颜色
(本文档仅供参考) 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ //指向外圈文本的分隔线样式,交叉线的样式 "axisLine … ": { "width": 2, "color": "red" } } }] } 效果图如下: image2021-3-19_16-53-9.png 雷达图边框线颜色Echarts图形-扩展属性:刻度 - 油量图的刻度和指标的文字大小以及颜色
, "color": 'red' } } }] } 效果图: image2021-11-10_9-40-53.png 注:在自助仪表盘中使用仪表盘,当组件大小比较小,但是里面的字体又比较大,又想分开设置刻度的文字和指标的文字,需要怎么设置呢 … ": { "fontSize": 10, "color": "pink" } }, "detail": { "textStyle": { "fontSize": 15, "color": "red" } } } ] 效果图如下: image2021-11-10_9-47-58.png 油量图刻度V8.5堆积柱状图问题-设置Y轴最小值后,图形落在X轴下方
(本文档仅供参考) 问题 现在在使用V8.5的版本时发现一个问题,在excel中画echarts的堆积柱状图,如果设置了Y轴的最小值,那图形画出来就不是从X轴出发的,会落在X轴下面,之前在V7版本的时候是没有这个问题的、 image2018-10-24 16:9:8.png 产生原因 因为在V8.5版本中Echarts更新到4.0版本了,如果图形存在以下情况,那么echarts插件升级后会导致如下现象: 基于多y轴设置为堆积图时,当某一字段的最小值比其他字段的最大值大时,设置y轴的最小刻度较大(大于另一字段的最大值很多)的时,会出现图形超出x轴。 解决方案 由于升级后的echarts的版本自身存在Echarts图形-扩展属性:鼠标提示 - 同系列柱图鼠标提示
(本文档仅供参考) 问题 做好柱图后,想实现鼠标移入后同系列柱图鼠标提示都显示出来,如下图: image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成,相关的属性可以上echarts官网查看,http://echarts.baidu.com http … ' } } } V11版本效果如下: image_1701771435943_1a23o.png image_1701771468009_13h4g.png 多系列柱图鼠标提示图形 - web电子表格迷你图不显示
(本文档仅供参考) 问题说明 按照如下方式设置迷你图,发现迷你图不显示 image2023-3-20_16-2-18.png 效果如下: image2023-3-20_16-1-49.png 解决方案 web电子表格的展现依赖于第三方插件,该问题是当迷你图在最右侧时,由于第三方生成的问题,无法将迷你图显示出来。该问题可通过加边框,在同一列增加内容(如表头),在右侧添加内容(如空格)等方式进行规避。 【该问题在电子表格中也是类似的现象和规避方案】 效果如下: image2023-3-20_16-3-20.png 迷你图不显示Echarts图形-扩展属性:样式 - 旭日图调整内圈大小
(此文档仅供参考) 现象 旭日图通过设置项只能调整内圈和外圈的半径大小,如下图: 截屏2021-09-10 下午3.48.51.png 现在想要单独调整每个圈之间的半径,如下图 截屏2021-09-10 下午3.15.21.png 实现方法 image2021-9-10_15-50-19.png … ": "60%", "itemStyle": { "borderWidth": 2 }, "label": { "rotate": "tangential" } } ] } ], 截屏2021-09-10 下午2.47.36.png 旭日图