第41页,共137页。 显示 1,362 条结果 (0.029 秒)
Echarts图形-扩展属性:堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.pngEcharts图形-扩展属性:仪表盘的柱图,鼠标移上显示阴影背景
问题说明 仪表盘的柱图组件,想要鼠标移上去时有一个阴影背景。 方案 可添加扩展属性 option = { "tooltip": { "trigger": "axis", "showDelay": 0, // 显示延迟,添加显示延迟可以避免频繁切换,单位ms "axisPointer": { "type": "shadow", "shadowStyle": { "color": "rgba(74, 211, 164, 0.15)", "width": 1 } } } } https://s2-cs-pub-stEcharts图形-扩展属性:环形图内阴影外阴影的背景实现效果
(本文档仅供参考,此示例在V11版本测试生效) 问题 在仪表盘中怎么环形图(饼图)加内阴影和外阴影? image2024-8-15_15-34-13.png 解决方案 可通过增加以下扩展属性实现: option = { series: [ // 占比环 { zlevel: 3, }, // 内圆 { type: 'pie', zlevel: 2, // 层级 radius: ['0', '47%'], //根据实际调整半径大小 center: ['50%', '55%'],//根据实际调整中心位置Echarts图形-扩展属性:地图鼠标提示隐藏某个数据列
(此文档仅供参考) 问题描述: 如果按照需求隐藏某个数据列,例如显示是分类和数据1,鼠标提示希望显示分类和数据2就行,如图,鼠标提示去隐藏数量 image2024-7-26_15-15-52.png 处理方案: 参考使用自定义扩展属性实现 { "tooltip": { "trigger": "item", "formatter": "function(params){return params.name http://params.name + '</br>'+ '单价:'+params.value[2] ;}" } } 效果如图: image2024-7-26_15-24-33.pngEcharts图形-扩展属性:折线图鼠标放上去自动显示一条竖线
(本文档仅供参考) 问题描述 折线图鼠标放上去自动显示一条竖线 然后展示所有线的值 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图形-扩展属性:双柱图加面积图的实现
(本文档仅供参考) 问题 想实现下面的双柱图的效果,通过加一个折线图,这个折线图是两个指标值的差值,效果图如下: image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格,然后基于这些数据作图,如下: image2021-2-8_15-17-42.png image2021-2-8_15-18-33.png 可以使用扩展属性实现,如下: { // //鼠标提示 // "tooltip": { // "show": true, // "backgroundColor": "#87cefa", // "formatterEcharts图形-扩展属性:堆积图和线图的联合图怎么做?
(本文档仅供参考) 问题 堆积图和线图的联合图怎么做? 解决方案 堆积图和线图的联合图可以以多个指标的堆积图为基础,通过扩展属性修改其中某一系列的样式。如下设置过程: image2018-10-30 9:1:11.png image2018-10-30 9:3:52.png { series: [{ }, { }, { type: 'line' }] } 效果图: image2018-10-30 9:4:7.pngEcharts图形-扩展属性:联合图柱图显示上方,面积图显示在下方
(本文档仅供参考) 问题 联合图如何将面积图放到柱图后边 image2020-3-9 14:14:29.png 解决方案 此问题可以通过以下扩展属性处理实现: { "series": [{ "zlevel": 1 }, { "zlevel": 0 }] } image2020-3-9 14:15:47.png 在V97中Zlevel无法通过扩展属性修改实现,需要通过宏实现,示例如下: image_1631945965003_73a7o.png function main(chartView) { var chart = cEcharts图形-扩展属性:联合图设置X轴起点在Y轴上
(此文档仅供参考) 问题 如下图,想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外,对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性:雷达图标签样式自定义
(此文档仅供参考) 问题 如何自定义雷达图标签样式,效果如下图所示: image2022-5-16_18-52-49.png 解决方案 可通过编辑扩展属性实现,如下图所示: image2022-5-16_18-53-38.png 相关扩展属性如下: { "radar": [{ "name": { "textStyle": { "fontSize": "30", "color": "#ff7711", "backgroundColor": "#00aa99"