第6页,共123页。 显示 1,221 条结果 (0.038 秒)
ECharts图形-地图
以实际的业务需求和美观性为出发点,地图衍生出多种不同形态的子图:标准地图、航线图、3D航线图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准地图 航线图 3D航线图 image2019-12-16 15:21:59.png http … 设置各种地图样式,以满足多样的样式效果需求,功能入口如下图所示: tuxingshezhi-20240120.png 地图的属性包括地图区域设置、显示模式设置、数据设置、基本设置、标题、图例、提示、工具、序列、高级、扩展属性等,具体请参考下面表格: 属性 标准地图 航线图 3D航线图自助仪表盘 - 移动端中柱图、线图上的点难以选中
(本文档仅供参考) 问题描述: 自助仪表盘移动端看板有柱图、线图,点击柱子和或者线图上的点弹出信息框时,一般要点击好几次才能选中,或者多次都无法选中,应该如何解决呢? image2022-12-30_15-21-49.png 解决方案: 对于以上现象,Echarts本身针对这种场景是做了优化的,当点击其他图例关闭对应数据视图,只开启想要查看的数据视图,这样图形会自动自适应,就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点,但由于手机屏幕本身较小,对于点击查看数据的场景,可以将这个大小设置大一点,扩大可点击范围Echarts图形-扩展属性:柱子 - 并列柱图数据差异过大,导致数据柱子不显示
(本文仅供参考) 问题描述 图形中有并列柱图(多series系列,或者线图),存在不同series系列数据,其中由于不同系列中的数据差异过大,共用左轴,导致数据较小的系列数据在图形效果上,比如柱图的柱子基本上就不显示,如何优化,让系列数据比较小的显示。 解决方案 1、转换图形为双y轴联合图 … ": "total" }, { "name": "8", "type": "bar", "yAxisIndex": 1 } ] image2023-9-18_10-58-31.png 3、演示效果如下,如需在此基础上再调整右轴的轴值范围,可参考如下wiki文档设置扩展属性:Echarts图形-扩展属性:y轴最大ECharts图形-序列
图标题不同的偏移位置效果对比,如下: image2019-12-30 9:54:3.png ECharts图形中对3D航线图的特效设置包括“是否开启特效、特效时间间隔、特效尾巴长度百分比、特效尾巴颜色”。 2019-12-9 星期一 9-10-44.png {html}<div … ;"> </div>{html} 属性说明 设置3D航线图中由起点指向终点特效的尾巴颜色。 image2019-12-6 17:46:12.png 预览效果 设置不同的特效尾巴颜色效果对比,如下 60.gif ECharts图形中对3D航线图中由起点指向终点的线条的样式设置包括“线条颜色和线条宽度ECharts图形-序列
图标题不同的偏移位置效果对比,如下: image2019-12-30 9:54:3.png ECharts图形中对3D航线图的特效设置包括“是否开启特效、特效时间间隔、特效尾巴长度百分比、特效尾巴颜色”。 2019-12-9 星期一 9-10-44.png {html}<div … ;"> </div>{html} 属性说明 设置3D航线图中由起点指向终点特效的尾巴颜色。 image2019-12-6 17:46:12.png 预览效果 设置不同的特效尾巴颜色效果对比,如下 60.gif ECharts图形中对3D航线图中由起点指向终点的线条的样式设置包括“线条颜色和线条宽度ECharts图形-基本设置
ECharts图形的基本设置有:通用、普通状态设置、高亮状态设置、其他设置等。 ECharts图形中基本设置的普通状态设置包括“区域边界、区域背景色”。 2019-9-9 星期一 12-01-47.png {html}<div style="border-bottom: 0.5px solid … 效果如图: image2019-9-10 16:11:53.png ECharts图形中基本设置的高亮状态设置包括“高亮区域边界、高亮区域背景色”。 高亮:当鼠标光标选中或移至某区域时,该区域呈现高亮状态。 2019-9-9 星期一 12-01-47(2).png {htmlECharts图形-基本设置
ECharts图形的基本设置有:通用、普通状态设置、高亮状态设置、其他设置等。 ECharts图形中基本设置的普通状态设置包括“区域边界、区域背景色”。 2019-9-9 星期一 12-01-47.png {html}<div style="border-bottom: 0.5px solid … 效果如图: image2019-9-10 16:11:53.png ECharts图形中基本设置的高亮状态设置包括“高亮区域边界、高亮区域背景色”。 高亮:当鼠标光标选中或移至某区域时,该区域呈现高亮状态。 2019-9-9 星期一 12-01-47(2).png {htmlECharts图形-地图
以实际的业务需求和美观性为出发点,地图衍生出多种不同形态的子图:标准地图、航线图、3D航线图,用来更好的表现和满足不同的数据对比分析需求。 (点击图片可跳转到相应图形说明文档。) 标准地图 航线图 3D航线图 image2019-12-16 15:21:59.png http … 、序列、高级、扩展属性等,具体请参考下面表格: 属性 标准地图 航线图 3D航线图 显示方式为地图坐标 显示方式为3维地理坐标 地图区域设置 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageIdECharts图形-联合图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 联合图是指以线图、柱图、面积图或者散点图任意两两组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比ECharts图形-联合图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 联合图是指以线图、柱图、面积图或者散点图任意两两组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比