jq轻量级报表展示插件有哪些，哪种比较实用？

JavaScript063

jq轻量级报表展示插件有哪些，哪种比较实用？,第1张

highcharts

jQuery 表格响应式插件 FooTable

pagePiling.js

http://www.uisdc.com/30-useful-jquery-plugin

环境 Vue2.x

之前使用的报表开发插件       vue-easy-print @0.0.8     

能打印pdf报表,但是存在 不能打印多页 的问题,使用人数较少,文档较少,版本较低,放弃.

改用新的插件      print-js

能在原来的基础上解决打印多页pdf的问题

npm install print-js --save

    import printJS from 'print-js'

<visa-template  id="aaa" ></visa-template>

<el-button type="primary" onclick="printJS( {printable:'aaa', type:'html',scanStyles:false,css:['https://qiniu.smartpilot.cn/myreport.css'],style:''})" >

  生成报表

</el-button>

例如:

    style:'{div:{color:#008855}}'

    字体缩小  .reportTable{font-size:0.8em !important }

#能分页靠的是这个css

```

.reportBox {

  text-align: center

  width: 100%

  margin: auto

  page-break-after: always

  margin-top: 20px

  font-family: "微软雅黑"

}

```

在平时开发项目时，免不了需要对数据进行图表显示的需求，比如：趋势图、饼状图、柱形图等。

Echarts.js是来自百度团队研发的图表js插件，利用HTML+js实现折线图、饼状图、热点图、3d图形等等，可在PC和移动端显示，加载速度快，功能丰富。

https://echarts.apache.org/zh/index.html

官网首页有着很多实例以及相关介绍，获取echart.js可以从本人百度网盘获取，包含所有图表组件，可直接引用。

链接： https://pan.baidu.com/s/1IEm8NGwqq4ExgYWp8mz9CA

提取码：aihy

为Echarts放置一个具备宽高的DOM容器

Echarts加载数据