项目中报表业务开发，个人使用c3.js插件，简单案例应用

最新推荐文章于 2022-05-05 11:23:12 发布

web学习中

最新推荐文章于 2022-05-05 11:23:12 发布

阅读量1.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_27261867/article/details/80137690

版权

本文介绍了在项目中如何使用c3.js插件进行报表业务开发，分别展示了通过饼状图和折线图来分段统计学生分数。示例代码包括了饼状图和折线图的实现，xDataPart代表分数段区间，countData为各区间统计人数。

摘要由CSDN通过智能技术生成

由于c3.js 是基于D3.js,项目中引用js

<script type="text/javascript" src="${
   ctxStatic}/c3-master/d3-4.13.0.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${
   ctxStatic}/c3-master/c3.min.js"></script>

项目业务需求，分段统计学生分数：

<div class="main-content-right">
    <div class="xueyuanwd-head" style="position: relative;">
        <p>成绩报表</p>
    </div>
    <div class="timu-search" style="margin-left: 37px;height:45px;line-height:0px;">
        <form id="searchForm"