Python+pyecharts繪制雙動態(tài)曲線教程詳解

第Python+pyecharts繪制雙動態(tài)曲線教程詳解

這個是views

defline_base()-Line:

line=(

Line()

.add_xaxis(list(range(10)))

.add_yaxis(series_name="專注度",y_axis=[randrange(0,100)for_inrange(10)],areastyle_opts=opts.AreaStyleOpts(opacity=0.5))

.add_yaxis(series_name="放松度",y_axis=[randrange(0,100)for_inrange(10)],areastyle_opts=opts.AreaStyleOpts(opacity=0.5))

.set_series_opts()

.set_global_opts(

title_opts=opts.TitleOpts(title="專注度和放松度"),

xaxis_opts=opts.AxisOpts(type_="value"),

yaxis_opts=opts.AxisOpts(type_="value"),

.dump_options_with_quotes()

returnline

classChartView(APIView):

defget(self,request,*args,**kwargs):

returnJsonResponse(json.loads(line_base()))

cnt=9

cnt1=9

classChartUpdateView(APIView):

defget(self,request,*args,**kwargs):

globalcnt,cnt1

cnt=cnt+1

cnt1=cnt1+1

returnJsonResponse({"name":cnt,"value":randrange(0,100),"name1":cnt1,"value1":randrange(0,100)})

這個是urls界面

path('index/',views.Index),

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

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

html

functionfetchData(){

$.ajax({

type:"GET",

url:":8000/line",

dataType:"json",

success:function(result){

varoptions=result.data;

line.setOption(options);

old_data=line.getOption().series[0].data;

old_data1=line.getOption().series[1].data;

functiongetDynamicData(){

$.ajax({

type:"GET",

url:":8000/lineUpdate",

dataType:'json',

success:function(result){

varoptions=result.data;

old_data.push([,options.value]);

old_data1.push([1,options.value1]);

line.setOp