echarts插件传递动态参数跳转其他报表

echarts插件传递动态参数跳转其他报表,怎么修改模板了//传参给报表块report0myChart.on('click'function (params{    _g().getWidgetByName('report0').gotoPage(1, { "area": params.name}, true);});//传参给柱形图chart1myChart.on("click"function(params{  if(window.FR) {    FR.Chart.WebUtils.changeParameter({        chartID: 'chart1',        //柱形图的chartID为chart1        para: {            area: params.name        }    });  }});

FineReport xulei2020 发布于 2024-3-3 11:31
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
tiandidahanLv2见习互助
发布于2024-3-3 11:36

在使用 ECharts 插件进行报表之间的跳转和传递参数时,您需要编写 JavaScript 代码来处理点击事件和参数传递。下面是两段代码的解释和修改建议。

传参给报表块 report0

原始代码:

myChart.on('click', function (params) {

    _g().getWidgetByName('report0').gotoPage(1, { "area": params.name}, true);

});

这段代码是在 ECharts 图表上绑定了一个点击事件。当点击图表的某个部分时,它会获取被点击元素的名称(params.name),然后使用这个名称作为参数,跳转到另一个报表(report0)。这里的 _g().getWidgetByName('report0') 是获取报表实例的方法,gotoPage 是跳转到指定页的方法,其中第一个参数是页码,第二个参数是传递的参数,第三个参数表示是否刷新页面。

如果需要修改这段代码,您可能需要根据具体的报表需求调整传递的参数或者跳转的页码。例如,如果您需要传递不同的参数或跳转到不同的页码,可以相应地修改 { "area": params.name} 或者 1(页码)。

传参给柱形图 chart1

原始代码:

myChart.on("click", function(params) {

    if(window.FR) {

        FR.Chart.WebUtils.changeParameter({

            chartID: 'chart1',

            //柱形图的chartIDchart1

            para: {

                area: params.name

            }

        });

    }

});

这段代码的作用是在 ECharts 图表上绑定点击事件,当点击图表的某个部分时,它会获取被点击元素的名称,并将这个名称作为参数传递给另一个柱形图 chart1。这里使用了 FR.Chart.WebUtils.changeParameter 方法来改变柱形图的参数。

修改这段代码时,您可以根据需要更改 chartID para 的内容。例如,如果您需要向另一个图表传递不同的参数,可以修改 para 对象内的内容。

请确保在实际应用中,这些代码与您的具体报表结构和图表 ID 相匹配。不同的报表和图表可能需要不同的处理方式。

 

最佳回答
0
华莉星宸Lv7高级互助
发布于2024-3-3 11:39

参考这个:

ECharts图表实现动态参数联动效果-https://help.fanruan.com/finereport/doc-view-4413.html

url改成其他模板的地址

myChart.on("click"function(params{  var url = FR.servletURL + "?viewlet=ECharts图表实现动态参数全局刷新.cpt";  // 获取servletURL 后拼接成当前模板的 url  FR.doHyperlinkByPost({url: url, para:{ area: params.name }, target: "_self"});});

image.png

  • 3关注人数
  • 155浏览人数
  • 最后回答于:2024-3-3 11:39
    请选择关闭问题的原因
    确定 取消
    返回顶部