第65页,共192页。 显示 1,919 条结果 (0.033 秒)
Echarts图形-扩展属性:柱图实现进度条的效果
(本文档仅供参考) 问题 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性: { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle": { "normal": { "color": "red", "barBorderRadius": 20, "label": { "show": trueEcharts图形-扩展属性:折线图上的点加外圈效果
(本文档仅供参考) 问题1 我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图: image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0Echarts图形-扩展属性:饼图的颜色修改,图例圆点样式的修改
(本文档仅供参考) 问题1 想修改饼图的颜色,然后图例圆点显示,如下图: image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "iconEcharts图形-扩展属性:地图在标记中显示区域名称,并带有分段型的图例
(本文档仅供参考) 问题 如何在地图的标记中显示区域名称,并带有分段型的图例,如要实现下图的效果: 1.png 解决方案 在图形对应的数据表格中增加辅助列指标列,一列指标用于散点地图,一列指标用于染色地图,两列数值一样: 2.jpg 地图配置: 3.jpg 修改散点地图的标记大小: 4.jpg 添加扩展属性代码: { series: [{ type: 'scatter', label: { normal: { show: trueEcharts图形-扩展属性:地图上用散点方式展示字符串的数据
(此文档仅供参考) 问题 现有客户的名称以及客户名称对应的经纬度坐标,想将客户名称显示在中国地图上,但是地图指标必须是数值型,请问与办法解决吗? 地图数据.png 原因及解决方案 该需求建议在数据集拼上一个数值字段,可以默认为0,然后通过以下文档添加扩展属性和宏代码实现 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=32276751 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=32276751Echarts图形-扩展属性:横条图实现人口金字塔图效果
(本文档仅供参考) 问题 希望柱图实现人口金字塔图(双向横条图)的效果,且鼠标提示、标签均显示为正数 2022-09-29_092418.png 解决方案 前提条件:需要有一个字段为负数,且图形已此负数字段为指标轴 2021-06-29_182624.png 具体请参考如下扩展属性: { "series": [{ "stack": "default" }, { "stack": "default", //将左边负数标签改为正数 "label": { "normalEcharts图形-扩展属性:堆积柱图数据项标签居上被覆盖
(本文档仅供参考) 问题 堆积柱图数据项标签设置居上时部分标签被覆盖,悬停的时候才会出现 设置.png 设置前.png 解决方案 此问题为由第三方作图工具echarts的处理逻辑导致,可不设置数据项标签并使用以下扩展属性进行规避。 { "series": [{ "name": "销售额", "type": "bar", "stack": "总量", "barMaxWidth": 35, "barGap": "10%", "itemStyle": { "normal": { "color": "rgba(255,144,128,1)", "label": { "show": true, "textStyleEcharts图形-扩展属性:图例布局排版,图例间距,未选择状态下的颜色
(本文档仅供参考) 问题 想修改图例的布局从 横向排版 变成 竖向排版,同时修改图例的间距,以及未选择状态下的颜色 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版,horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色,若想自定义设置未选择的颜色,可改下面的属性Echarts图形-扩展属性:如何把地图默认的城市名称颜色改成白色,字号也变大一些
(本文档仅供参考) 问题 如何把地图默认的城市名称颜色改成白色,字号也变大一些? 3109F80B@D983096(07-24-09-27-17).png 解决方案 具体请参考如下扩展属性 { "geo": { "label": { "normal": { "show": true, "textStyle": { "fontSize": 15Echarts图形-扩展属性:关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示
(本文档仅供参考) 问题 关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现: 注:线上的params.value获取的是links里面的value,若想线上有值显示,需要设置links的value { "tooltip": { "trigger": "item", "formatter": "function(params){if(params.dataType=='edge'){return params.name + ' : ' + params.value ;} else