0

我试图在过去 3 天里找到解决方案，但没有运气。

我的要求是加载包含一些数据进行分析的highcharts 。我必须加载 50 个这样的图表，每个图表包含一百万个点。为了避免浏览器崩溃，我决定一次加载 10 个图表，并在页面底部提供一个显示更多按钮，onclick应该在现有 10 个下方的同一页面上加载另外 10 个图表。

问题：

  • 不知道如何通过单击现有的翡翠文件的按钮将翡翠文件附加到 div。

我做了什么：

  • 我有两个名为jade1to10.jade 和jade11to20.jade 的玉文件，其中有各自的.js(angular) 文件用于图表配置。
  • 我可以将它们单独加载到不同的选项卡上。
  • 我在jade中尝试了Include选项，但它在编译时加载，并希望在单击按钮后第二页加载/附加到父jade。

我在玉中使用角度控制器来加载图表。请提供您的意见以找到解决方法。提前致谢。

4

1 回答 1

0

好的，我想我明白了。

其实你需要使用ajax。当用户单击按钮时，向服务器发送 ajax 请求并以 html 形式将图表返回给您。最后只需将它们插入到您的 div 中。

要将文件从jade形式编译为html形式，请参见以下示例。

var jade = require('jade')
var file = fs.... //onefile, must be a string.
var template = jade.compile(file)
var result = template(locals) //the locals is a object which contains the variables you want to pass to the template. 

....
app('/',function(req,res){
    res.send(result)
)

您也可以只将数据传递给客户端，并将它们转换为您想要的然后插入到 div 中。这可以减少网络消耗。

希望它会有所帮助。

于 2016-02-11T03:16:32.550 回答