第5页,共123页。 显示 1,221 条结果 (0.038 秒)
Echarts图形-扩展属性:样式 - 航线图实现边界高亮显示
(本文档仅供参考) 问题 如何实现地图边界高亮,如下图的效果: image2018-11-23 15:50:25.png 解决方案 可通过如下扩展属性实现( 注:此效果只对航线图生效。): { "series": [{ "name": "中国", "type": "map", "mapType": "china", "selectedMode": "multiple", "itemStyle": { "normalECharts图形-航线图/3D航线图
路的对比分析,建议通过3D航线图实现。 1、开始区域标识上显示起点城市。 2、结束区域标识上显示终点城市。 该情景实现的详情请参见 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808302#Echarts%E5%9B%BE%E5 … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 航线图是用飞机航线的方式展示起点到终点ECharts图形-航线图/3D航线图
路的对比分析,建议通过3D航线图实现。 1、开始区域标识上显示起点城市。 2、结束区域标识上显示终点城市。 该情景实现的详情请参见 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808302#Echarts%E5%9B%BE%E5 … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 航线图是用飞机航线的方式展示起点到终点Echarts图形-扩展属性:样式 - 去掉航线图箭头
需求: 用地图中的航线图表达两城市区间的客流量,由于城市挨得比较近,线端的箭头显得很大,看不清楚。能否设置不显示箭头? image2022-7-5_18-20-55.png 解决方案: 可通过以下扩展属性来实现: { series: [{}, { "symbol": [ "none", "none" ] }] } 效果如下: image2022-7-5_18-21-46.png 去掉航线图箭头 隐藏航线图箭头Echarts图形-扩展属性:样式 - 3D航线图如何实现自动旋转
(本文档仅供参考) 问题 请问咱们产品的3d球型航线图,是否支持自动旋转?如下图: image2019-10-22 13_56_39.png 解决方案 产品的3D球形航线图支持自动旋转,可在扩展属性中进行如下设置: { "globe": { "viewControl": { "autoRotate": true } } } (本文档仅供参考) 问题 请问咱们产品的3d球型航线图,是否支持自动旋转?如下图: image2019-10-22 13_56_39.png 解决方案Echarts图形-扩展属性:堆积柱图+线图
(此文档仅供参考) 问题 希望双Y联合图,可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现: { "series": [{ "stack": "aaa", "z": 2 … 的stack值后,后一个系列的值会在前一个系列的值上相加。 具体可查看echarts官网文档说明:Documentation - Apache ECharts https://echarts.apache.org/zh/option.html#series-line.stackEcharts图形-扩展属性:面积图 - 面积图透明度
=1650529787000&api=v2 实现方案 此问题是因为标记区设置为图形的全局颜色,相当于是设置折线的颜色,而Echarts的默认效果会对面积部分乘以0.7的透明度,此为echart自身效果,若不想要被设置透明度,可以通过以下扩展属性实现效果,示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/option.html#title https://echarts.apache.org/zh/option.html#title "areaStyle": { "opacity": 1 } https://wiki.smartbi.com.cnEcharts图形-扩展属性:X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下 { "xAxis": { "axisLine": { "lineStyle … }, { "type": "inside", "xAxisIndex": [0] }] } (本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下第一课:Smartbi中配置ECharts属性
属性,此时的数据是静态的,不能存在动态计算的代码段。 例如,在ECharts官网上看到K线图,并且数据是静态的,不存在额外的计算代码,则可以直接将option对象复制到扩展属性中,则可以直接展示K线图。 22.png 23.png 下图的ECharts图形示例中,除了option属性外,还包含额外的计算代码 … 1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中第一课:Smartbi中配置ECharts属性
属性,此时的数据是静态的,不能存在动态计算的代码段。 例如,在ECharts官网上看到K线图,并且数据是静态的,不存在额外的计算代码,则可以直接将option对象复制到扩展属性中,则可以直接展示K线图。 22.png 23.png 下图的ECharts图形示例中,除了option属性外,还包含额外的计算代码 … 1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中