【web前端】amcharts 画图

最新推荐文章于 2022-01-27 13:41:47 发布

xsh118

最新推荐文章于 2022-01-27 13:41:47 发布

阅读量209

点赞数

文章标签： file utils content

今天试了下amcharts画图，使用起来配置简单画面美观！灰常赞！

官网：http://www.amcharts.com/

'django.contrib.messages.middleware.MessageMiddleware',

expenses: 23.9

/home/binbin.zhengbb/ssh/sshweb

// value

启动脚本

#cat start_8000.sh

#!/bin/sh

/opt/bin/python manage.py runserver 0.0.0.0:8000

manae.py 文件

chart.categoryField = "year";

#!/usr/bin/env python

from django.core.management import execute_manager

import imp

graph1.valueField = "income";

imp.find_module('settings') # Assumed to be in the same directory.

#vi amcharts.py

// WRITE

sys.stderr.write("Error: Can't find the file 'settings.py' in the directory containing %r. It appears you've customized things.\nYou'll have to run django-admin.py, passing it your settings module.\n" % __file__)

sys.exit(1)

// SERIAL CHART

import settings #读与settings文件

这个文件amcharts压缩包里面自带的示例文件，我们copy过来稍加改动即可

var categoryAxis = chart.categoryAxis;

MIDDLEWARE_CLASSES = (

settings.py文件

income: 33.6,

}, {

TEMPLATE_DEBUG = DEBUG

ADMINS = (

)

MANAGERS = ADMINS

DATABASES = {

'default': {

valueAxis.position = "left" //控制纵坐标表现;

cp /home/binbin.zhengbb/ssh/sshweb/media/samples/barAndLineMix.html /home/binbin.zhengbb/ssh/sshweb/templates/amcharts.h

TIME_ZONE = 'America/Chicago'

(r'^site_media/(?P<path>.*)$', 'django.views.static.serve',

SITE_ID = 1

USE_I18N = True

USE_L10N = True

MEDIA_ROOT = ''

MEDIA_URL = ''

STATIC_ROOT = ''

STATIC_URL = '/static/'

ADMIN_MEDIA_PREFIX = '/static/admin/'

year: 2007,

};

STATICFILES_FINDERS = (

'django.contrib.staticfiles.finders.FileSystemFinder',

'django.contrib.staticfiles.finders.AppDirectoriesFinder',

)

TEMPLATE_LOADERS = (

'django.template.loaders.filesystem.Loader',

urls.py 文件

)

execute_manager(settings)

year: 2010,

chart.addLegend(legend);

'django.contrib.auth.middleware.AuthenticationMiddleware',

)

TEMPLATE_DIRS = (

'django.contrib.auth',

)

INSTALLED_APPS = (

"/home/binbin.zhengbb/ssh/sshweb/templates"

'django.contrib.sessions',

'django.contrib.sites',

'django.contrib.messages',

'django.contrib.staticfiles',

效果如下

#sh start_8000.sh

)

LOGGING = {

'version': 1,

'disable_existing_loggers': False,

'handlers': {

'mail_admins': {

}

'class': 'django.utils.log.AdminEmailHandler'

'loggers': {

'django.request': {

'handlers': ['mail_admins',

'level': 'ERROR',

'propagate': True,

}

STATIC_PATH = './media' //存放css，js，图片

'django.template.loaders.app_directories.Loader',

#cat urls.py

from django.conf.urls.defaults import patterns, include, url

from django.conf import settings

</script>

urlpatterns = patterns('',

(r'^$','sshweb.sshnow.views.index'),

(r'^amcharts/','sshweb.sshnow.amcharts.amcharts'),

chart.startDuration = 1;

{'document_root': settings.STATIC_PATH}),

)

urlpatterns += patterns('sshweb.sshhistory.views',

(r'^querys','query'),

(r'^get_history','get_history'),

下载amcharts的压缩包到media目录下

def amcharts(request):

wget http://www.amcharts.com/files/getfile.php?filename=amcharts_2.7.5.zip

解压

unzip amcharts_2.7.5.zip

var graph2 = new AmCharts.AmGraph();

创建amcharts.py脚本，urls.py里面指定的这个文件。

#cd /home/binbin.zhengbb/ssh/sshweb/sshnow

except ImportError:

# -*- coding: utf-8 -*-

# Create your views here.

from django.shortcuts import render_to_response

// AXES

amchart.html文件

/home/binbin.zhengbb/ssh/sshweb/media

return render_to_response('amcharts.html')

chart.addGraph(graph1);

cd /home/binbin.zhengbb/ssh/sshweb/templates

#cat amcharts.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>amCharts examples</title>

var chart;

var chartData = [{

year: 2005,

income: 23.5,

expenses: 18.1

}, {

DEBUG = True

income: 26.2,

expenses: 22.8

}, {

STATICFILES_DIRS = (

income: 30.1,

'django.contrib.sessions.middleware.SessionMiddleware',

}, {

year: 2008,

income: 29.5,

expenses: 25.1

year: 2006,

year: 2009,

income: 24.6,

expenses: 25.0

}, {

'django.middleware.common.CommonMiddleware',

income: 30.6,

expenses: 25.0

}, {

year: 2011,

#cat settings.py |grep -v "#" |grep -v "^$"

expenses: 20.0

</html>

金玉良缘 // GRAPHS

chart.dataProvider = chartData;

#cat manage.py

LANGUAGE_CODE = 'en-us'

chart.rotate = false;//控制横坐标和纵坐标的位置

from django.http import HttpResponse

// category

categoryAxis.gridPosition = "start";

graph2.fillAlphas = 0;

categoryAxis.dashLength = 5;

var valueAxis = new AmCharts.ValueAxis();

valueAxis.dashLength = 5;

valueAxis.axisAlpha = 0.2;

}

import sys

chart.addValueAxis(valueAxis);

if __name__ == "__main__":

chart = new AmCharts.AmSerialChart();

// column graph

var graph1 = new AmCharts.AmGraph();

graph1.type = "column";

graph1.title = "收入";

try:

graph1.lineAlpha = 0;

graph1.fillColors = "#ADD981";

graph1.fillAlphas = 1;

// line graph

categoryAxis.axisColor = "#DADADA";

});

graph2.title = "支出";

graph2.valueField = "expenses";

graph2.lineThickness = 2;

graph2.bullet = "round";

AmCharts.ready(function () {

chart.addGraph(graph2);

// LEGEND

var legend = new AmCharts.AmLegend();

首先本身搭建一个django

'django.contrib.contenttypes',

valueAxis.title = "人民币(万元)";

chart.write("chartdiv");

graph2.type = "line";

</head>

<body>

</body>

)

ROOT_URLCONF = 'sshweb.urls'

启动django

'sshhistory',

在浏览器里输入http://10.20.149.47:8000/amcharts/

'sshnow',

django安装目录

'level': 'ERROR',

网络赚钱方法大全(最新)

xsh118

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫