Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Rotativa从C3JS Asp.net生成PDF,包括图表_Javascript_C#_Asp.net_Pdf_C3.js - Fatal编程技术网

Javascript 如何使用Rotativa从C3JS Asp.net生成PDF,包括图表

Javascript 如何使用Rotativa从C3JS Asp.net生成PDF,包括图表,javascript,c#,asp.net,pdf,c3.js,Javascript,C#,Asp.net,Pdf,C3.js,我正在我的一个项目中处理Dashbound统计数据,我正在使用C3js将图表添加到我的仪表板中,而且一切正常 但是当我想用Rotativa插件和wkhtmltopdf生成这个仪表板的pdf文件,但它不能正常工作时,它会生成一个包含数据但不显示图表的pdf文件 Conf应用程序: 服务器端:ASP.Net MVC5 客户端:Javascript、Rotativa、C3js在我类似的情况下,我发现Rotiva没有出去获取所有包含的文件,并且/或者花了太长时间 所以我决定了什么是重要的,并将其放入一个

我正在我的一个项目中处理Dashbound统计数据,我正在使用C3js将图表添加到我的仪表板中,而且一切正常

但是当我想用Rotativa插件和wkhtmltopdf生成这个仪表板的pdf文件,但它不能正常工作时,它会生成一个包含数据但不显示图表的pdf文件

Conf应用程序:

服务器端:ASP.Net MVC5


客户端:Javascript、Rotativa、C3js

在我类似的情况下,我发现Rotiva没有出去获取所有包含的文件,并且/或者花了太长时间

所以我决定了什么是重要的,并将其放入一个“静态布局”,其中包含了我需要的所有内联内容。这可能包括正确呈现所需的CSS文件,或者包括的javascript文件。如果您转到这些文件,您可以将它们的内容复制并粘贴到这个静态布局中的样式或脚本标记中,现在Rotativa将拥有这些有效负载,而不必去获取它们

//Layout Static
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>@ViewBag.Title</title>
        <meta charset="utf-8" />

        <style type="text/css">
            body {
                color: white;
            }
            /*Whatever style info needed*/
        </style>

        <script type="text/javascript">
            /*Whatever code needed*/
        </script>
    </head>
    <body>
        <div class="container">
            @RenderBody()
        </div>
    </body>
</html>

在我类似的情况下,我发现Rotiva没有出去获取我所有包含的文件,并且/或者花了太长时间

所以我决定了什么是重要的,并将其放入一个“静态布局”,其中包含了我需要的所有内联内容。这可能包括正确呈现所需的CSS文件,或者包括的javascript文件。如果您转到这些文件,您可以将它们的内容复制并粘贴到这个静态布局中的样式或脚本标记中,现在Rotativa将拥有这些有效负载,而不必去获取它们

//Layout Static
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>@ViewBag.Title</title>
        <meta charset="utf-8" />

        <style type="text/css">
            body {
                color: white;
            }
            /*Whatever style info needed*/
        </style>

        <script type="text/javascript">
            /*Whatever code needed*/
        </script>
    </head>
    <body>
        <div class="container">
            @RenderBody()
        </div>
    </body>
</html>

谢谢,但我真的不明白你的建议,你能再解释一下或给我举个例子吗,谢谢,但我真的不明白你的建议,你能再解释一下或给我举个例子吗,