在使用 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',
//柱形图的chartID为chart1
para: {
area: params.name
}
});
}
});
这段代码的作用是在 ECharts 图表上绑定点击事件,当点击图表的某个部分时,它会获取被点击元素的名称,并将这个名称作为参数传递给另一个柱形图 chart1。这里使用了 FR.Chart.WebUtils.changeParameter 方法来改变柱形图的参数。
修改这段代码时,您可以根据需要更改 chartID 或 para 的内容。例如,如果您需要向另一个图表传递不同的参数,可以修改 para 对象内的内容。
请确保在实际应用中,这些代码与您的具体报表结构和图表 ID 相匹配。不同的报表和图表可能需要不同的处理方式。