第1页,共310页。 显示 3,099 条结果 (0.394 秒)
Echarts图形-扩展属性:折线 - 折线图的线粗细设置
(此文档仅供参考) 问题: 仪表盘线图组件如何调整线条粗细? 实现方案: V10.5.12版本以后仪表盘组件可以直接设置,如图,组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现: { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细dataMin扩展属性调整折线图的Y轴最小值起始点,数据小数点后出现多位小数
(此文档仅供参考) 问题 用dataMin扩展属性去修改折线图的Y轴最小值起始点,数据小数点后为什么会出现多位小数? QQ截图20190409110529.jpg 1.jpg 原因 这是由于java计算浮点数造成的误差 解决方案 1.写宏来避免浮点数计算误差,参考文档 https … 属性固定最小值 2.jpg 折线图的y轴标签有多位小数Echarts图形-扩展属性:提示 - 自助仪表盘折线图固定显示最低值提示框
问题 自助仪表盘折线图上希望可以固定显示最低值的提示框,且提示框背景为透明渐变,如下图: image2022-12-8_17-12-36.png 解决方案 可通过使用标注实现,具体请参考如下扩展属性: {"series": [ { "markPoint": { "symbol": "rect", "symbolSize": [ 100, 50 ], "symbolOffset": [ 50, 50 ], "data": [ { "name": "最大值", "type": "min自助仪表盘双Y联合图设置折线图显示数据标签值
(本文档仅供参考) 问题说明 自助仪表盘 双Y联合图设置折线图显示数据标签,系统会自动识别显示柱子的数值还是折线的数值? 解决方案 系统目前没有直接配置的选项,需要写一下扩展属性实现(经校验默认会识别到柱图数据,所以需要分别制定图形的数据标签显示),实现步骤如下: image2022-1-13_19-47-9.png 找到自定义属性设置 image2022-1-13_19-47-57.png image2022-1-13_19-48-22.png 扩展属性代码: "seriesEcharts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线
(本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏 … } } } 说明:图例的当前选择状态是:SUV 类型被选中,而 MPV 类型和 轿车 类型未被选中;因此折线图只展示 SUV 系列折线。 显示部分图例Echarts图形-扩展属性:鼠标提示 - 折线图鼠标放上去自动显示一条竖线
(本文档仅供参考) 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 image2023-3-14_21-19-39.png 解决方案 可以用扩展属性实现放上去有竖线 { "tooltip": { "trigger": "axis" } } trigger属性具体可参考如下文档:https … /option.html#tooltip.trigger https://echarts.apache.org/zh/option.html#tooltip.trigger favourite 鼠标提示显示多系列的值Echarts图形-扩展属性:折线 - 折线图上的点加外圈效果
(本文档仅供参考) 问题1 我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图: image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0Echarts图形-扩展属性:折线 - 折线图数据点加白色边框
(本文档仅供参考) 问题描述: 折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框: image2025-3-14_12-34-40.png 解决方案: 可通过扩展属性调整折线的数据标签位置,扩展属性如下: option = { "series": [{ "symbol … ', // 数据点边框颜色,这里设置为白色 "borderWidth": 2, // 数据点边框宽度 image2025-3-14_12-29-34.png 折线数据点白色边框Echarts图形-扩展属性:数据标签 - 折线图设置标签的格式为百分比
(此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是 … (a.value[1]*100).toFixed(2) + '%'}" } } } } ] 2022-10-12_173108.png (此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例Echarts图形-扩展属性:图例样式,只保留线不显示点(折线图)
(本文档仅供参考) 问题 如何修改图例样式,只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下: image2021-6-2_18-23-15.png 若使用联合图,一个是柱图,一个是线图,只修改线图图例样式为横线可参考如下扩展属性: { "legend": [{ "itemWidth": 12, "itemHeight": 12