用最少的代码创建漂亮的javascript图表
chartkick的Python项目详细描述
用最少的代码创建漂亮的javascript图表。Demo！
支持Chart.js、Google Charts和Highcharts
适用于django、flask/jinja2和大多数浏览器（包括ie 6）。 也有Ruby和纯JavaScript
用法
折线图：
{% line_chart data %}
饼图：
{% pie_chart data with id='chart-1' height='400px' %}
柱形图：
{% column_chart data with min=400 max=1000 %}
条形图：
{% bar_chart data %}
面积图：
{% area_chart data %}
数据
数据可以是字典或列表：
{'Chrome': 52.9, 'Opera': 1.6, 'Firefox': 27.7}
[['Chrome', 52.9], ['Firefox', 27.7], ['Opera', 1.6]]
对于多个系列：
[{'data': [['2013-04-01 00:00:00 UTC', 52.9], ['2013-05-01 00:00:00 UTC', 50.7]], 'name': 'Chrome'},
{'data': [['2013-04-01 00:00:00 UTC', 27.7], ['2013-05-01 00:00:00 UTC', 25.9]], 'name': 'Firefox'}]
选项
图表库选项可以通过library变量传递：
{% column_chart data with library={"title":"Super chart","width":"400px"} %}
注意
google图表和highcharts有不同的api。你可能需要 从一个库切换到另一个库时更改库的值 图书馆到另一个。
或者使用chartKick.json文件。chartKick试图找到chartKick.json 模板路径中的文件并按ID匹配选项。
安装
安装ChartKick:
$ pip install chartkick
django:将chartKick添加到已安装的应用程序和静态文件目录中：
INSTALLED_APPS = ( 'chartkick', ) import chartkick STATICFILES_DIRS = ( chartkick.js(), )烧瓶：将chartkick添加到jinja_env和static_folder：
ck = Blueprint('ck_page', __name__, static_folder=chartkick.js(), static_url_path='/static') app.register_blueprint(ck, url_prefix='/ck') app.jinja_env.add_extension("chartkick.ext.charts")
加载js脚本：
chart.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.bundle.min.js"></script> <script src="ck/static/chartkick.js"></script>
谷歌图表
<script src="http://www.google.com/jsapi"></script> <script src="ck/static/chartkick.js"></script>
高位图表
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="ck/static/chartkick.js"></script>
欢迎加入QQ群-->： 979659372
