pyecharts-django-增量更新样例

一拳十个锵锵怪

已于 2022-02-08 22:15:03 修改

阅读量1.1k

点赞数 1

分类专栏： django+pyecharts 文章标签： django python

于 2022-02-08 18:50:06 首次发布

本文链接：https://blog.csdn.net/m0_49015921/article/details/122829349

版权

django+pyecharts 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

官方文档和网上的文档多多少少有些问题,因此我自己修改下,直接放代码.。

urls填这个

path('line/',views.ChartView.as_view()),
path('lineUpdate/',views.ChartUpdateView.as_view())

index.html<body>填这个

<body>
    <div id="bar" style="width:1600px; height:800px;"></div>
    <script>
        var chart = echarts.init(document.getElementById('bar'), 'white', {renderer: 'canvas'});
        var old_data = [];
        $(
            function () {
                fetchData(chart);
                setInterval(getDynamicData, 2000);
            }
        );

        function fetchData() {
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8000/demo/line",
                dataType: "json",
                success: function (result) {
                    var options = result.data;
                    chart.setOption(options);
                    old_data = chart.getOption().series[0].data;
                }
            });
        }

        function getDynamicData() {
            $.ajax({
                type: "GET",
                url: "http://127.0.0.1:8000/demo/lineUpdate",
                dataType: 'json',
                success: function (result) {
                    var options = result.data;
                    old_data.push([options.name, options.value]);
                    chart.setOption({
                        series: [{
                            data: old_data
                        }]
                    });
                }
            });
        }

    </script>
</body>
</html>

views填这个就好了

import json
from random import randrange

from django.http import HttpResponse
from rest_framework.views import APIView

from pyecharts.charts import Line
from pyecharts import options as opts

# Create your views here.
def response_as_json(data):
    json_str = json.dumps(data)
    response = HttpResponse(
        json_str,
        content_type="application/json",
    )
    response["Access-Control-Allow-Origin"] = "*"
    return response


def json_response(data, code=200):
    data = {
        "code": code,
        "msg": "success",
        "data": data,
    }
    return response_as_json(data)


def json_error(error_string="error", code=500, **kwargs):
    data = {
        "code": code,
        "msg": error_string,
        "data": {}
    }
    data.update(kwargs)
    return response_as_json(data)


JsonResponse = json_response
JsonError = json_error


def line_base() -> Line:
  line = (
    Line()
    .add_xaxis(["{}".format(i) for i in range(10)])
    .add_yaxis(
      series_name="",
      y_axis=[randrange(50, 80) for _ in range(10)],
    )
    .set_global_opts(
      title_opts=opts.TitleOpts(title="动态数据"),
      xaxis_opts=opts.AxisOpts(type_="value"),
      yaxis_opts=opts.AxisOpts(type_="value"),
    )
    .dump_options_with_quotes()
  )
  return line

class ChartView(APIView):
    def get(self, request, *args, **kwargs):
        return JsonResponse(json.loads(line_base()))


cnt = 9


class ChartUpdateView(APIView):
    def get(self, request, *args, **kwargs):
        global cnt
        cnt = cnt + 1
        return JsonResponse({"name": cnt, "value": randrange(0, 100)})

class IndexView(APIView):
    def get(self, request, *args, **kwargs):
        return HttpResponse(content=open("./templates/index.html").read())

一拳十个锵锵怪

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pyecharts-django-增量更新样例

官方文档和网上的文档多多少少有些问题,因此我自己修改下,直接放代码.。urls填这个path('line/',views.ChartView.as_view()),path('lineUpdate/',views.ChartUpdateView.as_view())index.html<body>填这个<body> <div id="bar" style="width:1600px; height:800px;"></div>
复制链接

扫一扫