融合图表，JavaScript 数据点击事件 C#

编程问答 2022-06-02

问题描述

我正在 .net 中创建融合图表，并且工作正常。

Chart MyFirstChart = new Chart(chartType,chartName,"100%",height.ToString(),"json",jsonData.ToString());

从sql服务器的数据表中收集数据并转换为JSON字符串。

我的数据表有以下数据：

  • 日期
  • 学生人数
  • 百分比
  • 部门名称

我想添加一个事件，如果单击数据图，则会通过显示来自不同数据表的数据显示更多详细信息，其中包含该部门的更多详细信息。

我添加了事件：

MyFirstChart.AddEvent("dataPlotClick","dataPlotClick");

// render chart
return MyFirstChart.Render();

并在 Javascript 中调用此事件

<script>
dataPlotClick =  function (eventObj,dataObj) {
console.log(eventObj);
var header = document.getElementById('header');
header.style.display = 'block';
var tempDiv = document.createElement('div');
var attrsTable = document.getElementById('attrs-table');
var titleDiv,valueDiv;
for (var prop in dataObj) {
titleDiv = document.createElement('div');
titleDiv.className = 'title';
titleDiv.innerHTML = prop;
valueDiv = document.createElement('div');
valueDiv.className = 'value';
valueDiv.innerHTML = dataObj[prop];
tempDiv.appendChild(titleDiv);
tempDiv.appendChild(valueDiv);
}
attrsTable.innerHTML = '';
attrsTable.appendChild(tempDiv);};
</script>

点击数据图工作正常，但它获取当前数据表的数据，我想获取更详细的数据表并显示在asp页面的表视图中。

有没有办法做到这一点？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

c#c#dom-eventsjavascript