页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。


注意
title温馨提示

本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。

示例说明

在电子表格中若有图表,可通过此示例方法实现自定义鼠标提示。。如下:

 


通过宏代码,修改鼠标提示信息。当鼠标移动到线图上时,线图鼠标提示数据增加百分号,柱图鼠标提示不变。效果如下:

...

1.在Excel中创建电子表格,其中柱图名称为“柱图”、线图名称为“趋势图”。如下:

 


2.在浏览器的资源定制节点下,选中电子表格,右键选择 编辑宏 进入报表宏界面

...

类型

对象

事件

ClientSide

spreadsheetReport

onRender

...


宏代码

代码块
languagejs
firstline1
linenumberstrue
function main(spreadsheetReport) {
    spreadsheetReport.formatChartTitle = function(chart, seriesIndex, pointIndex, categoryValues, xValue, yValue) {
        var charts = this.elemSheetFrame.contentWindow.charts;
        debugger;
        //如果图表名称包含"趋势图",则鼠标提示显示%
        if (chart.name.indexOf("趋势图") >= 0) {
            var name = chart.series[seriesIndex].name || "";
            if (name) name += ":"
            if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue + '%';
            else return xValue + "\r\n" + name + yValue + '%';
        }
        else {
            //以下是鼠标提示设置代码,除了趋势图,其余图形鼠标提示按照默认格式显示
            var name = chart.series[seriesIndex].name || "";
            if (name) name += ":"
            if (categoryValues) return categoryValues.join("") + "\r\n" + name + yValue;
            else return xValue + "\r\n" + name + yValue;
        }
    }
}

...