django+echart绘制曲线图

最新推荐文章于 2025-03-20 10:16:08 发布

bitko

最新推荐文章于 2025-03-20 10:16:08 发布

阅读量7.6k

点赞数 3

分类专栏： python-django

本文链接：https://blog.youkuaiyun.com/gumengkai/article/details/80055843

版权

本文介绍如何在Django项目中结合Echarts库创建曲线图表。首先确保安装了Echarts，然后使用adminlte模板搭建前端界面，接着在views中编写相关逻辑，最终展示出曲线图的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

声明：请事先到官网下载echarts，另外本文引用了adminlte模板构建前台页面

views：

<!-- /.row -->
        <div class="row">
        <div class="col-xs-12">
          <!-- interactive chart -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <i class="fa fa-bar-chart-o"></i>

              <h3 class="box-title">网络趋势</h3>
                 <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="row">
                  <div class="col-md-9">
                      </div>
            <div class="col-md-3">
            <form action="" method="post" id="net_range">
                <div class="box-tools">
              <div class="form-group" >
                <select οnchange="submitForm_net();" class="form-control select2" style="width: 100%;" name="select_net">
                <span class="glyphicon glyphicon-search form-control-feedback"></span>
                  <option selected="selected">{
  { net_range_default }}</option>

最低0.47元/天解锁文章