第20页,共421页。 显示 4,202 条结果 (0.04 秒)
Echarts图形-扩展属性:鼠标提示加圆点显示
(本文档仅供参考) 问题1 我想实现折线图不从Y轴做起点,然后鼠标提示前面加圆点,如下的效果: image2021-2-4_18-59-16.png 解决方案 可以使用扩展属性实现,如下: { "xAxis": { "boundaryGap": true … ; } } } 问题2 柱图鼠标提示加有颜色的圆点,同时最后一个占比值显示和电子表格一致,如下图的需求: image2021-2-8_14-4-26.png 解决方案 可以使用扩展属性实现,如下: { "tooltip": { "trigger": "axisEcharts图形-扩展属性:自定义的标线始终显示
(本文档仅供参考) 问题 自定义的数据标线在不勾选图例时会消失不见 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码: "series": [ { "markLine": { "symbolSize": 1, "data … " } } } } ] 实现效果如下: 数据标线2.gif 标线一直显示Echarts图形-扩展属性:样式 - 环形图设置进度条效果(基于油量图)
(本文档仅供参考) 问题 V10.5以上版本想实现环形进度图,该如何实现呢? image2022-2-18_10-44-54.png 解决方案 我们可以使用油量图并结合扩展属性的方式来实现。注:以下方案适用于【自助仪表盘】与【大屏可视化】中的油量图 1、首先创建一个油量图,并配置好数据 image2022-2-18_10-47-46.png 2、将以下扩展属性复制到油量图的扩展属性中。 { "series": [ { "startAngle": 90, "endAngle": -270, "pointer": { "show": falseX模块系统报错提示信息支持自定义扩展
是有统一的js入口可以定制开发处理,X模块需要提供对应的接口。 之前在后端实现了一套扩展接口,但客户使用了中间件,中间件的报错没有经过smartbi后端,无法扩展,需要提供前端二开接口支持。 后端X模块报错扩展接口 接口定义 接口说明 getCode 功能:获取错误码 输入:无 输出:错误码,如 … (handler); } } // 扩展包实现的IExceptionResultHandler package smartbi.smartbixexception; import smartbix.ExceptionResult; importEcharts图形-扩展属性:折线 - 线图线条颜色,图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色? image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyleEcharts图形-扩展属性:图例 - 饼图图例样式,以及图例和文字的位置修改
(此文档仅供参考) 问题1 如何修改图例样式,以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle,rect,roundRect,triangle … =1699611305000&api=v2 解决方案: 可参考如下扩展属性: { "legend": { "textStyle": { "rich": { "a": { "width": 3Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变,270deg从左往右渐变色,#19263B,#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变Echarts图形-扩展属性:样式 - 雷达图修改分割线的颜色
(本文档仅供参考) 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ //指向外圈文本的分隔线样式,交叉线的样式 "axisLine": { "lineStyle": { "color": "#FF00FF" } }, //其他的分割线的样式,环形线样式 "splitLine": { "lineStyle多个参数真实值对应一个显示值
(本文档仅供参考) 问题说明 如何实现多个参数真实值对应一个显示值,即用户选择了【广东】就选择了(G or S or Z)的效果。 image2018-12-4 18:51:12.png 解决方案 说明:此文档的SQL的基于mysql数据库写的,若是其他数据,需要根据实际的数据库语法调整。 1、新建一个参数【选择区域】,设置如下: image2018-12-5 10:56:55.png image2018-12-5 10:57:55.png 2、新建参数【真实值参数】,用于将真实值G/S/Z 联动Echarts图形-扩展属性:X轴刻度标签倾斜角度
问题 电子表格echarts图形调整X轴刻度标签倾斜角度。 https://s2-cs-pub-std.kefutoutiao.com/doc/im/weixin_628_ogxAVv8V1OU8f7IhG9jLRMPE53g4_bb8d4245634c41f1bbc1d803e139a9d1.jpeg?Expires=1706507780&OSSAccessKeyId=bPexlr6MCcadDhfu&Signature=wOOcNSb9ds7KYo7W0CPiJN1oLoM%3D 解决方案 可在图形中通过扩展属性实现: { xAxis: { axisLabel