搜索

Help

第52页,共166页。 显示 1,655 条结果 (0.032 秒)

  1. Echarts图形-扩展属性:10.5.8版本修改标线样式

    (本文档仅供参考) 问题        V10高版本已在组件设置里支持配置标线样式,由于不能升级版本,需要在10.5.8版本修改标线的样式 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码: { "series": [ { "markLine": { "data": [ { "type": "average" //支持'average', 'min', 'max' } ], "lineStyle": { "width": 3, //宽度 "color": "rgba(245, 15, 15, 1)",
    FAQ中心四月 22, 2024
  2. Echarts图形-扩展属性:修改数据标注中文字颜色

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

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

    (本文档仅供参考) 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现: { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示: image2022-4-7_17-35-2.png 鼠标提示小数位数
    FAQ中心六月 06, 2022
  5. Echarts图形-扩展属性:axis类型的鼠标类型怎么修改提示文本

    (此文档仅供参考) 问题 如下图效果 希望去掉前面的原点,减少 名称和数值间的间距 image2022-6-27_18-47-41.png 解决办法 { tooltip: { trigger: 'axis', axisPointer: { type: 'line' }, formatter: function (data) { var formatterdata=""; for(i=0;i<data.length;i++){ formatterdata += data[i].seriesName + ':' +data[i].value[1].toLocaleString()+ '<br>' }; return
    FAQ中心六月 27, 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", // "formatter
    FAQ中心六月 06, 2022
  7. Echarts图形-扩展属性:联合图柱图显示上方,面积图显示在下方

    (本文档仅供参考) 问题         联合图如何将面积图放到柱图后边 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 = c
    FAQ中心六月 06, 2022
  8. 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
  9. Echarts树图导出PNG和展示的图形颜色效果不一致

    问题 导出后背景颜色改变: image2018-11-16 19:16:24.png 原因及解决方案 导出功能的运行js环境和浏览器的环境不一样,对于一些特殊的颜色设置没有很好的支持,应该建议在设置【扩展属性的颜色】时,不用使用【lightgray】这样的英文字样颜色来设置,尽量使用【#fff】之类的颜色代码来设置 树图导出颜色不一样
    FAQ中心八月 16, 2021
  10. 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