파이썬 웹 django- 차트 통계

다운로드 highchart 온, 플러그인 패키지를 정적 경우

< 스크립트 SRC = "/ 정지 / highcharts / highcharts.js" > </ 스크립트 > 
< 스크립트 SRC = "/ 정지 / highcharts / highcharts-zh_CN.js" > </ 스크립트 >

내장 경로

# 图表 
re_path ( ' / 클릭 / 클릭 ' , 이름을 click.click을 = ' / 클릭 클릭 / ' )

건설 방법 :

에서 django.shortcuts가 가져 렌더링
 에서 app01.models 수입 *
 에서 back.views.ddff의 수입 defense_url 

@defense_url 
데프 (요청)를 클릭 :
     '' ' 点击量和点赞量图表' '' 
    recent_seven_day = recent_seven_days () 
    list_week_day = recent_seven_day [ : - 1 ] 

    clicknum_list = [] 
    praise_num_list = []
     를위한 V 에 list_week_day : 
        RES1 = Praise.objects.filter (addtime__icontains = V, praise_type =0) .count () 
        RES2 = Praise.objects.filter (addtime__icontains = V, praise_type = 1 ) .count () 
        clicknum = RES1 
        praise_num = RES2 
        clicknum_list.append (clicknum) 
        praise_num_list.append (praise_num)는 

    리턴 (요청 렌더링 ' / click.html 클릭 ' , 지역 주민 ()) 


가져 오기 날짜
 데프 recent_seven_days ()
     ' ''는 7天이日期获取'' 
    거라고 = datetime.datetime.now () 
    리스트 1 = []
     에 대한 I 의 범위 (1,8-) 
        일일 = datetime.timedelta (일 = I) 
        일 = D - 일일 
        DATE_TO = datetime.datetime (day.year, day.month, day.day) 
        list1.append (STR (DATE_TO) [0 : 10 ])
     리턴 목록 1

건설 html :

< 스크립트 > 
        var에 차트 = Highcharts.chart ( ' 컨테이너 ' , { 
    차트 : { 
        유형 : ' 라인 ' 
    } 
    제목 : { 
        텍스트 : ' 일일 트래픽 통계 및 엄지 손가락 ' 
    }, 
    자막 : { 
        텍스트 : ' 소스 : yunhe.cn ' 
    }, 
    x 축 : { 
        범주 : {{list_week_day | 안전}} 
    }, 
    y 축 : { 
        제목 : { 
            텍스트 : ' 트래픽 (클릭) '
        } 
    } 
    PlotOptions : { 
        선 : { 
            dataLabels : { 
                // 데이터 태그를 열고 
                사용 : true로 
            } 
            // 마우스 추적, 해당 메시지 상자를 해제, 클릭 이벤트가 만료 
            enableMouseTracking는 : false로 
        } 
    } 
    시리즈 : [{ 
        이름 : ' 클릭 ' , 
        데이터 : {{clicknum_list | 안전}} 
    }, { 
        이름 : ' 엄지 손가락 금액 ' , 
        데이터 : {{praise_num_list | 안전}} 
    }] 
}); 

        </스크립트 >

복사 highchart 에서 의 HTML 코드와 JS 자신의 페이지에 코드

변경 JS 경로

거의 가져 7 날짜 :

파이썬 웹 django- 차트 통계

추천