第106页,共417页。 显示 4,168 条结果 (0.101 秒)
修改或隐藏加载图标
(本文仅供参考,因宏代码对于场景有限定,如果当前的宏代码不适用于实际应用场景,需要自行调整相关宏代码) 需求一: 修改加载图标的大小 修改前: 修改前大小.png 修改后: 修改后大小.png 宏代码: /*类型:ClientSide对象:smartbix_page 事件:onRender */ /*说明:通过CSS修改仪表盘正在加载图标的大小 */ function main(page: IPage) { page.appendCss(".sx-loading__bar-embed div:nth-child(2)", "{left: 16px}"); page.appendCss("Echarts图形-扩展属性:x轴标签 - X轴坐标与折线图交叉重叠
(此文档仅供参考) 问题 X轴坐标与折线图交叉重叠,希望效果是图形与x轴不交叉重叠。 image2024-5-6_9-50-24.png 实现方案 出现重合的原因是因为度量数值上本身存在负值的情况,而且本身xy轴的0刻度默认是重合的,如不需要重合,则需要重新调整默认值 { "xAxis": [{ "axisLine": { "onZero": false } }], "yAxis": { "type": "value", "min": -100 }Echarts图形-扩展属性:折线 - 堆积线图自定义各数据点样式
(本文档仅供参考) 问题描述 堆积线图中有多条折线,想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色Echarts图形-扩展属性:折线 - 线图线条为虚线,并设置曲度
(本文档仅供参考) 问题 如何修改线图的线条为虚线并设置曲度? image2022-5-5_18-5-49.png 解决方案 可以使用扩展属性实现,效果如下: image2022-5-5_18-7-1.png { "series": [{ "smoothMonotone": 'x',//设置曲度 "lineStyle": { "normal": { "color": "green", //设置线条颜色 "width": 2, "type": "dashed"Echarts图形-扩展属性:提示 - 自助仪表盘折线图固定显示最低值提示框
问题 自助仪表盘折线图上希望可以固定显示最低值的提示框,且提示框背景为透明渐变,如下图: image2022-12-8_17-12-36.png 解决方案 可通过使用标注实现,具体请参考如下扩展属性: {"series": [ { "markPoint": { "symbol": "rect", "symbolSize": [ 100, 50 ], "symbolOffset": [ 50, 50 ], "data": [ { "name": "最大值", "type": "min"Echarts图形-扩展属性:数据标签 - 折线图设置标签的格式为百分比
(此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是写a.value[1],而不是a.value[0] "series": [ {}, { "itemStyle": { "normal": { "label": { "show": true, "formatter": "function(a){ return (a.Echarts图形-扩展属性:标线 - 自定义仪表盘折线图标线标记
(本文档仅供参考) 问题 自助仪表盘折线图的标线起始和终点的标记图形希望自定义为如下图,如何修改? image2023-11-15_19-21-22.png 解决方案 可使用此扩展属性: option = { "series": [{ "markLine": { "data": [{ "type": "average", }], "precision": 2, "symbol": ["circle", "triangle"] } }] } echarts官方支持的自定义标记图形:https://echarts.apache.org/Echarts图形-扩展属性:鼠标提示 - 折线图实现十字准星指示器
问题 如何设置鼠标自带十字指针,随鼠标位置在折线任意位置都可以显示当前时点的数据 image2023-3-30_17-8-26.png 解决方案 可以写扩展属性实现: { "tooltip": { "axisPointer": { "type": 'cross' } } } image2023-3-30_17-12-15.png 最终效果: image2023-3-30_17-12-39.png 折线在x轴也能显示鼠标提示Echarts图形-扩展属性:鼠标提示 - 折线图鼠标放上去自动显示一条竖线
(本文档仅供参考) 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 image2023-3-14_21-19-39.png 解决方案 可以用扩展属性实现放上去有竖线 { "tooltip": { "trigger": "axis" } } trigger属性具体可参考如下文档:https://blog.csdn.net/qq_42462993/article/details/125296566 https://blog.csdn.net/qq_42462993/article/details/125296566 https://echarts.apache.org/zh/option.html#tooEcharts图形-扩展属性:鼠标提示 - 散点图数据标签显示名称
(本文档仅供参考) 问题 如何实现在散点图上直接显示产品名称,如“海鲜”? image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现: { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2];}" }