AnyGrids-用于可视化任何业务数据的JavaScript工具

首先将AnyGrid安装为节点模块，并将其作为依赖项保存在您的Package.json中：

<；div id="；anygrids&34；>；组件将出现在此处<；/div&>；<；脚本>；//JSON数据示例：const data=[{id：1，email："；[email protected]"；，first_name："；michael"；，last_name："；lawson"；，avata：https://s3.amazonaws.com/uifaces/faces/twitter/follettkyle/128.jpg"；，线性：[0，30，5，29，34]，条形：[0，30，5，29，34]，馅饼：[0.25，0.3，0.45]，订单：5，}，{id：2，电子邮件："；[email protected]"；，名字："；林赛"；，姓氏："；弗格森"；，头像："；https://s3.amazonaws.com/uifaces/faces/twitter/araa3185/128.jpg"；，线性：[0，30，5，29，34]，条形图：[0，30，5，29，34]，馅饼：[0.25，0.30，0.45]，订单：25，}，]；新的任意网格({容器：'；任意网格'；，//div id数据，分页：{perPage：2}，行：{子模板：{Template：'；<；div&>；<；img src="；头像&34；>；div Style="；Display：Flex；"；>；First_Name last_name<；/div>；<；/div>；pie_render'；}}，列：[{field：'；id'；，标题：'；'；，类型：'；字符串'；，宽度：30，可排序：真}，{字段：'；电子邮件'；，标题：'；电子邮件'；，类型：'；字符串'；，宽度：200}，{字段：'；名字'；，标题：'；名字'；，类型：'；字符串'；，宽度：200，可排序：TRUE}，{field：'；Last_name'；，标题：'；Last Name'；，类型：'；字符串'；，宽度：100，可排序：TRUE}，{field：'；阿凡达'；，标题：'；阿凡达'；，类型：'；image'；，宽度：50，类别：'；阿凡达'；}，线性'；，标题：'；线性'；，类型：'；迷你图-线性，宽度：150}，{字段：'；条形，宽度：150}，{字段：'；饼&39；，标题：'；条形，类型：'；迷你图-条形，宽度：150}，{字段：'；饼形&39；，标题：'；饼形&39；，类型：'；迷你图。，宽度：150}，{字段：'；订单'；，标题：'；订单'；，类型：'；编号'；，宽度：150，合计：{show：true，标签：'；订单总数：'；}，]})<；/脚本>；