Django Highcharts

来源：互联网发布：java教程视频百度云编辑：程序博客网时间：2024/06/07 08:12

Docs »
Django Highcharts
Edit on GitHub

Django Highcharts

Django Highchart will make it easier for you to display highcharts graphs.

Quickstart

Install django-highcharts using pip (we do recommend to do it in a virtualenv).

git clone https://github.com/novapost/django-highcharts.gitcd django-highchartspip install -e ./

To integrate it into a Django project, simply add it to your INSTALLED_APPS:

INSTALLED_APPS = [    # some interesting stuff...    'highcharts',    # some other stuff...]

Don’t forget to set your STATIC_ROOT path and to run the following command to update the static files:

python manage.py collectstatic

You’re now ready to use the available views.

The view

from highcharts.views import HighChartsBarViewclass BarView(HighChartsBarView):    categories = ['Orange', 'Bananas', 'Apples']    @property    def series(self):        result = []        for name in ('Joe', 'Jack', 'William', 'Averell'):            data = []            for x in range(len(self.categories)):                data.append(random.randint(0, 10))            result.append({'name': name, "data": data})        return result

The template

{% load staticfiles %}<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Hello</title>    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>    <script type="text/javascript" src="{% static 'js/highcharts/highcharts.js' %}"></script>    <script type="text/javascript">    $(function () {        $.getJSON("{% url 'bar' %}", function(data) {            $('#container').highcharts(data);        });    });    </script></head><body><div id="container" style="height: 300px"></div></body></html>

Warning

Please note that the highcharts.js file should be called after the JQuery library.

Further documentation

Views
- Common options
- Basic usage
- Available views

Indices and tables

Index
Module Index
Search Page

0 0