第57页,共417页。 显示 4,167 条结果 (0.031 秒)
修改地图数据标签
].label = { show: true, position: "top", formatter: allData[i][flagColumnIndex].value } } } 6.效果图如下ECharts图形-提示
;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置当鼠标光标选中或移至树图的某节点时,是否显示该节点的完整路径。 image2019-9-30 10:49:21.png 预览效果 设置显示与不显示全路径的效果对比,如图: image2019-9-30 10:48ECharts图形-提示
;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置当鼠标光标选中或移至树图的某节点时,是否显示该节点的完整路径。 image2019-9-30 10:49:21.png 预览效果 设置显示与不显示全路径的效果对比,如图: image2019-9-30 10:48组件属性
。 zujianshuxing-20.png 操作步骤 1、已有如下图所示的仪表盘看板,现需要点击左侧的产品类别,联动筛选右侧柱图的数据,并增加文字提示当前筛选的是哪个产品类别。 zujianshuxing-15.png 2、添加文本组件到画布中,并调整文本组件到合适的位置,如下图所示: zujianshuxing-16.png 3、双击编辑文本组件,在工具栏中点击“添加字段”,选择左侧组件的“产品类别”字段。 zujianshuxing-17.png 同时在后面添加文字“各区域销量情况”,并设置字体样式,如下图所示: zujianshuxing-18.png 4、将左侧的组件设置作为筛选器,并应用于右侧的柱图,如下图所示Echarts图形-扩展属性:鼠标提示加圆点显示
; } } } 问题2 柱图鼠标提示加有颜色的圆点,同时最后一个占比值显示和电子表格一致,如下图的需求: image2021-2-8_14-4-26.png 解决方案 可以使用扩展属性实现,如下: { "tooltip": { "trigger": "axis自助仪表盘-线图的数据点个数
image2018-12-3 10:51:56.png 同样的画布大小,在输出行数较大的情况,此时的数据点个数会比输出行数小的时候更少的。 image2018-12-3 10:42:26.png image2018-12-3 10:49:34.png 折线图数据点 趋势图数据点Echarts图形-扩展属性:Y轴实现坐标梯度增加
(本文档仅供参考) 问题 如何实现Y轴坐标轴梯度增加,如10 100 1000这种。 解决方案 可以用以下扩展属性实现: { "yAxis": { "logBase": 10, "type": 'log', "min": 1 } } 效果图如下: image2020-8-5_16-2-10.png 注:logBase为log的底数,可自行去设置,并且最小值不能为0,因为对数的指数不能为0(min属性),当最小值为0的时候,图形效果会不美观。 y轴递增 y轴梯度 调整y轴刻度标签对数显示资源迁移时如何把自定义图标同步迁移
(本文档仅供参考) 问题说明: 资源迁移的时候,资源图标能一起迁移吗? 360截图17090914427870.png 解决方案: 自定义图标有两种形式,一种直接上传图片,还有另外一种可以直接写图标路径(如下图),该需求可以通过写路径的方式,然后将图标放在扩展包中,资源迁移的时候连同扩展包一起迁移即可。 image2018-10-31 18:58:3.png 补充说明: 资源树上的图标尺寸为:16px*16px,文件格式为PNG数据 - 原生sql查询通过换行符换行后,电子表格单元格出现部分数据丢失
(此文档仅供参考) 问题 原生sql查询通过换行符换行后,电子表格有些单元格出现部分数据丢失,有些单元格数据正常显示 图1.jpg 图2.jpg 图3.jpg 原因 由于sql加了换行符,在前端展示出换行效果,实际上调用第三方接口在单元格内获取的数据超出单元格列宽,超出部分的数据被后面的单元格遮住 图4.jpg 解决方案 设置单元格自动换行 menu.saveimg.savepath20190322113025.jpg 换行后缺少数据 换行后缺少行ECharts图形-地图
以实际的业务需求和美观性为出发点,地图衍生出多种不同形态的子图:标准地图、航线图、3D航线图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准地图 航线图 3D航线图 image2019-12-16 15:21:59.png http … %BE%E7%BD%AE-%E6%8C%87%E6%A0%87 √ √ 子图 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5%BD%A2-%E6%95%B0%E6%8D