DOMPDF：为什么CSS图表在浏览器

Question

我正在尝试使用dompdf生成pdf。我的HTML / CSS在浏览器中运行良好，也正在生成pdf。如果我自己加载html网站，那么CSS就是正确的。但是当我从代码转换为PDF文件时，它输出错误。它没有在pdf中正确生成图表。请帮助解决这里出了什么问题。

这是我的HTML / CSS文件链接，以便您可以查看是否有任何错误。

http://codepen.io/ankitedrubric/pen/rrPvvo

这是我保存pdf文件的PHP函数。 我也启用了def（＆＃34; DOMPDF_ENABLE_CSS_FLOAT＆＃34;，true）;

    function generatepdf($id = FALSE, $attachment = FALSE) {
    try{
        $filename = "pdf_name1";
        $html = '';
        $this->load->helper(array('dompdf', 'file'));
        $this->load->library('parser');
        $data = array('hello1' => 'Hello Mars!!', 'hello2' => 'Hello Jupiter!!');
        $parse_data = '';
        $html = $this->parser->parse('filepath_of_html_page', $data);
        pdf_create($html, $filename, TRUE, $attachment);
        }
    catch(Exception $e){
        echo $e;
    }
}

提前致谢。