第24页,共421页。 显示 4,202 条结果 (0.042 秒)
Echarts图形-扩展属性:柱图鼠标提示保留3位小数
(本文档仅供参考) 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现: { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示: image2022-4-7_17-35-2.png 鼠标提示小数位数数据模型如何实现先计算再汇总
(本文档仅供参考) 需求 目前使用计算度量,是先汇总之后再计算,如何实现先计算之后再汇总。 即:目前数据如下,希望最终效果是 (100/10)+(1000/10)=110 image2023-11-22_16-6-46.png 实现方案 (1)创建计算列,设置num1/num2 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/mceclip8_1700638550258_okos8.png https模型查询参数实现时间区间查询
问题 如图 现有的筛选器 只能选择单个或多个日期 现想要实现 时间区间的筛选 https://smartbibbsviedo.oss-cn-beijing.aliyuncs.com/thread/image/111288a96558ba5a1e1c17622bb1269db0581781.png 处理方案 可以在数据模型里用SQL查询,采用case when构造时间区间参数 https://my.smartbi.com.cn/data/attachment/forum/202310/31/114930w6wi6yhm8amwzvaa.pngEcharts图形-扩展属性:关系图的连线设置箭头方向
(本文档仅供参考) 问题 关系图,在关系连线上直接显示箭头,实现源 -> 目标,如下图所示 image2022-6-12_17-4-47.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeSymbol": ['none', 'arrow'], "edgeSymbolSize": [10, 10] }] } 另 symbol的可选取值,如下: ‘circle’(圆形), ‘rect’(矩形), ‘roundRect’(圆角矩形), ‘triangle’(三角形), ‘diamond’(菱形), ‘pin’(大头针), ‘arrowEcharts图形-扩展属性:Y轴刻度标签与轴线之间的距离
(本文档仅供参考) 问题 如何调整y轴的标签值距离轴线向左偏移? worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现: { "yAxis": { "axisLabel": { "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果: worddave561b3233e37e8a4c3d641cf102b3247.png 轴标签和轴线距离Echarts图形-扩展属性:鼠标提示多出了序号时,不显示序号
(本文档仅供参考) 问题 当在柱图上设置鼠标提示为: "tooltip": { "formatter": "{c}" }时,鼠标移动到柱子上,发现鼠标提示中会多出一个序号。如下图中“3,”是多出来的序号。 image2020-1-10 10:53:16.png 这个是echarts图形本身的逻辑,那么如何不显示序号,使得鼠标提示显示如下呢? image2020-1-10 10:54:15.png 解决方案 可用以下鼠标提示扩展属性实现: "formatter": "function(a){ return a.data.value[1]}" 鼠标提示不显示序号电子表格"随单元格扩展"配置项
(本文档仅供参考) 问题说明 电子表格使用WPS选中做好的echarts图形后,图形工具中没有"随单元格扩展"的配置项 image2021-5-21_19-54-2.png 问题原因 经了解,该echarts图形是基于数据集实现的,而"随单元格扩展"这个配置项只有基于单元格作图时才会跟着扩展,因为基于数据集作图本身选择的就是整个数据集,所以就没有需要跟随扩展的说法。 基于数据集作图方式,如下图: image2021-5-21_19-58-1.png 基于单元格作图方式:先将对应的字段拖拽到单元格中,在选中单元格中的字段然后作图,如下图: image2021-5-21_19-59-13.png 图形没有随单元格Echarts图形-扩展属性:图例布局排版,图例间距,未选择状态下的颜色
(本文档仅供参考) 问题 想修改图例的布局从 横向排版 变成 竖向排版,同时修改图例的间距,以及未选择状态下的颜色 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版,horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色,若想自定义设置未选择的颜色,可改下面的属性Echarts图形-扩展属性:调整数据标注大小
(此文档仅供参考) 问题描述: 数据标注大小如何调小一点,有时候标签太大会遮挡图例和标题? 添加属性前.png 解决方案 可通过扩展属性调整标注大小: { "series": [{ "markPoint": { "symbolSize": 17 } }] } 扩展属性1.png 实现效果如下: 添加属性后.png 数据标注图标大小Echarts图形-扩展属性:如何自定义图形标题和图例位置
(本文档仅供参考) 问题 如何自定义图形标题和图例位置: QQ截图20181108101829.png 实现方案 可在图形中加扩展属性: { "legend": { "left": 300 }, "title": { "text": "标题", "padding": [20, 0, 0, 50], //上 右 下 左 } } padding属性具体说明可见Echarts官网:https://echarts.apache.org/zh/option.html#title.padding https