Echarts(一)官方文档5分钟上手Echarts

 

数据类工作每天需要跟数据打交道，而从数据中获取更多信息的一种方式便是“图表”，Echarts（Enterprise Charts，商业级数据图表，百度的开源前端产品。官方网址https://echarts.baidu.com/。）是一款优秀的构建图表的开源可视化工具，值得数据类工作从业者学习。

Echarts的官方文档提供了良好的入门指引，首先是5分钟上手echarts，学习地址https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts。

 

开发环境配置

pycharm（JetBrains PyCharm 2018.1.2 x64）

Django（version2.0.5）

 

Django配置

项目结构

settings.py配置

1.static路径配置

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

2.templates路径配置

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

代码

views.py

# -*- coding:utf-8 -*-
__author__ = "ys"
from django.shortcuts import render


def index(request):
	return render(request, 'first_echarts.html')

first_echarts.html 

显示效果

只要有一定的JS基础,相信echarts还是很容易学习的！