第33页,共166页。 显示 1,655 条结果 (0.03 秒)
Echarts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性:柱子 - 堆积柱图标签为0时不显示
(本文档仅供参考) 问题: 堆积柱图显示标签的时候,如何让数据为0的标签不显示。 解决方案: 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { return ''; } }" }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图形-扩展属性:折线 - 折线图上的点加外圈效果
(本文档仅供参考) 问题1 我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图: image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0,Echarts图形-扩展属性:折线 - 折线图数据点加白色边框
(本文档仅供参考) 问题描述: 折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框: image2025-3-14_12-34-40.png 解决方案: 可通过扩展属性调整折线的数据标签位置,扩展属性如下: option = { "series": [{ "symbol": 'circle', // 数据点形状为圆形,可根据需要更改 "symbolSize": 8, // 数据点大小 "itemStyle": { "normal": { "color": '#007bff', // 数据点填充颜色 "borderColor": '#FEcharts图形-扩展属性:折线 - 折线图的线粗细设置
(此文档仅供参考) 问题: 仪表盘线图组件如何调整线条粗细? 实现方案: V10.5.12版本以后仪表盘组件可以直接设置,如图,组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现: { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细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图形-扩展属性:折线 - 线图线条颜色,图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色? image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyle": { "noEcharts图形-扩展属性:样式 - 南丁格尔玫瑰图实现空心效果
(本文档仅供参考) 问题: 南丁格尔图底图是实心饼图,希望改成环形图,实现空心效果。 image2023-3-1_10-15-31.png 解决方案: 电子表格可以参考下方扩展属性实现: image2023-3-1_10-16-4.png 如果是仪表盘资源,可直接设置内外圆半径实现: image2023-3-1_10-17-50.png 玫瑰中心 玫瑰图空心Echarts图形-扩展属性:图例 - 饼图图例样式,以及图例和文字的位置修改
(此文档仅供参考) 问题1 如何修改图例样式,以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle,rect,roundRect,triangle,diamond,pin,arrow,none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动,可选:'auto'/'left'/'right' } } 问题2:调整饼图图例文字间距