我如何在Javascript中打开一个弹出窗口来可视化用c3.js创建的图表

How can I open a popup in Javascript to visualize a chart created with c3.js

本文关键字:可视化 窗口 c3 js 创建 一个 Javascript      更新时间:2023-09-26

当我点击用传单库构建的地图点时,我必须打开一个弹出窗口。在这个弹出框中,我需要绘制一个图表,用C3.js库生成。我如何将图表的代码放入Javascript弹出框以生成它?

我不提供可运行的代码,因为你的问题没有示例代码。

你的问题的逻辑解决方案

function createChart()
{
//--your stuff
return chartHTML;
}

现在创建一个函数来打开弹出窗口,您可以使用一些预定义的或创建如下

function openPopUp(points..)
{
//--creating div and showing centered with background pindrop
//--may be bootstrap modal will be helpful
popUp.innerHTML=createChart();
//--show PopUP and bind events to close the popup or something else
}

现在绑定openPopUp(points..)点击你的地图