搜索

Help

第71页,共224页。 显示 2,235 条结果 (0.074 秒)

  1. Echarts图形-扩展属性:y轴刻度线为负值的数值显示为红色

    (本文档仅供参考) 问题描述 如下图,y轴刻度线为负值,字体颜色显示为红色:-100,000,怎么实现这个效果? 1A7D1C72C4544DCE(04-26-11-40-08).png 解决方案 可使用如下扩展属性实现效果: {         "yAxis": {             "axisLabel": {                 "textStyle": {                     "color": "function(value,index){ return value>=0 ? '#474140':'red
    FAQ中心六月 06, 2022
  2. Echarts图形-扩展属性:鼠标提示的背景色和字体颜色的修改

    (本文档仅供参考) 问题 电子表格的Echarts图形的鼠标提示希望修改背景色和字体的颜色,如下图 image2021-4-16_14-18-27.png 解决方案 在电子表格-图形设置中,请参考如下扩展属性 image2021-4-16_14-19-22.png { "tooltip": { //背景颜色 "backgroundColor": "rgb(220,20,60)", "textStyle": { //字体颜色 color: "rgb(248,248,255)" } } } 可参考
    FAQ中心六月 06, 2022
  3. 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]}"      鼠标提示不显示序号
    FAQ中心八月 16, 2021
  4. Echarts图形-扩展属性:修改数据标注中文字颜色

    (本文档仅供参考) 问题1 修改数据标注中文字的颜色 5.png 解决方案 示例为折线图,具体请参考如下扩展属性: { "series": [{ "markPoint": { "label": { "normal": { "color": "black" } } } }] } 3.png 修改为黑色,显示效果如下: 4.png 问题2 有多条折线,如果让每条折线上的数据标识文字都修改颜色 解决方案 示例为折线图
    FAQ中心六月 06, 2022
  5. Echarts图形-扩展属性:修改数据标注格式为万

    (本文档仅供参考) 问题 数据标注默认显示的是原始的数值的格式,如下截图:  图片1.png 有的时候希望修改数据标注格式,例如显示为万元等 解决方案 可以使用以下扩展属性去修改数据标注格式,如下: { series: [{ markPoint: { data: [{ "type": "max", "name": "最大值", label: { formatter: function(arg
    FAQ中心六月 06, 2022
  6. Echarts图形-扩展属性:双柱图加面积图的实现

    (本文档仅供参考) 问题 想实现下面的双柱图的效果,通过加一个折线图,这个折线图是两个指标值的差值,效果图如下: 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
    FAQ中心六月 06, 2022
  7. Echarts图形-扩展属性:自助仪表盘设置多个数据标签并显示两位小数

    (此文档仅供参考) 问题描述 自助仪表盘中有多个度量值,想要显示每个度量的数据标签,应该如何设置呢? 01.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/index.html https://echarts.apache.org/zh/index.html 注:一个度量一个itemStyle,根据实际的度量个数去添加itemStyle属性。 , "series": [ { "itemStyle
    FAQ中心三月 21, 2022
  8. Echarts图形-扩展属性:双y联合图实现0刻度对齐(仪表盘使用)

    (本文档仅供参考) 问题 使用双y联合图,当数据中包含正数和负数时,作图出现双y轴0刻度未对齐的情况,该如何处理? image2023-2-28_18-11-42.png 解决方案 可在扩展属性中进行如下设置,动态获取图形中的最大最小数据,并让坐标轴的最大最小值的绝对值相等: { "yAxis": [ { "max": "function (val){if(Math.abs(val.max)>Math.abs(val.min)){return(Math.abs(val.max)*1).toFixed(0);}else{return(Math.abs(val.min)*1).toFixed(0
    FAQ中心二月 28, 2023
  9. Echarts图形-扩展属性:电子表格中地图设置为底层图形,上面其它echarts图形要求透明

    (本文档仅供参考) 问题 电子表格中最底层是画的echarts地图,然后在周边分别画了其它echarts图形,要求周边的这些图形是透明的,且背景也是透明,如下图效果: image2018-11-14 15_12_0.png 解决方案 针对周边的图形添加扩展属性,设置图形透明及背景透明: {     "series": [{         "itemStyle": {             "normal": {                 "opacity": 0.3             }         }     }],     "backgroundColor": "rgb(128, 128
    FAQ中心六月 06, 2022
  10. Echarts图形-扩展属性:折线 - 鼠标移入数据点变小

    (本文档仅供参考) 问题 鼠标移入线图的数据点时,数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性,目前只能设置点的样式,并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小 },
    FAQ中心六月 19, 2025