项目语言:C#
权限:read-only(如需更高权限请先加入项目)
Index: data-a-china.js
===================================================================
--- data-a-china.js (revision 0)
+++ data-a-china.js (revision 2)
@@ -0,0 +1,85 @@
+dataMap.dataAGDP = dataFormatter({
.4.5..5..4.1.8...3.0.7.7.8.9.2.5.3.6.9.2.3.0.9.2.8.0.9.2.326845],
.1.4.4.1.8.5.5.3.4.9.4.0.8.5.5.7.1.6.5.5.7.6.2.9.1.0.9.8.9.8.544622],
.5.0.7.2.4.6.4.8.1.7.1.7.7.9.6,],
.3.1.4.6.7.0.3.1...2.4.4.4.0..1.9.7.0.0.8..2.2.7.1.8..3.026748],
.0.9.5.4..5.7.3.8.7.3.0.7.1.3.7.5.9.1.4.0.9..7.1.2.1.4.6.1.699284],
.1.2.5.7.8.0.4.3.9..0.5.0.2.6..2.5..4..3...0.2..3.1.5.492683],
.4.1.0.5.6.2.3.2.1.8..2..6.8.4.2.3..9.9.....6.6915],
.8.5.0.0.2.2.4.9.4.5..3.857,,,788........5.364238],
.9.2..0.5..3.0.8...3..3....7.............3619442],
.5....8...1.2.5..5..1....7.............5354331]
+// 第一产业
+dataMap.dataAPI = dataFormatter({
992,433...................6315075],
419,353...........297,493.6521739],
,351.8943956],
508,207......2937588],
686,151...1050119],
73,78............................7263682],
25,201.............................9770759],
994,121....................4953464],
081,124............1049869]
+// 第二产业
+dataMap.dataASI = dataFormatter({
.5.2.6..2.1.5.7.0.0.2.7.3..3.4.9.7.1..8.0....2..6.2.0.344047],
.6.8.4.5.0.416,,,,,,,,,,,,,,978..0.7....4,,775.2.7.6.338673],
.7...0.1.2.1.5.7.7..8..5.0.5..7...6.....6..9.712,893.7424734],
.4..3.0.9.2.9.2.9...1..5.8...0...7.....8..5...7315814],
..7.8.4.9...9.3.9..9..3....6.............4200477],
.5....9...0..8...0..............8536585],
.7..7.5....3....5.............4975124],
.6.......1.1.9.913,256............8532858],
.2.......7..9.....................0475698],
.......0.......................6141732]
+// 第三产业
+dataMap.dataATI = dataFormatter({
.1.1.2.0.1.8.2.7.8.5..9..2..8.3.3..0.1....4.3...8..35129],
.3...2.5.2.4.9.7.4.787,916....9.37757],
.2...3.7.5..1.5.9..7..2....2............984,735.3960167],
.4...4.6...6.1.8..4..9....9.........14078],
.7...5.3...4.9.6..3......7.............1742243],
.9.......4.3.8........7.............1756098],
.9.......7..3........2.............3930348],
.8.......2.......................5338767],
.8.......7.....................,389.8190279],
........4.......................816273]
+// 房地产
+dataMap.dataAEstate = dataFormatter({
486,86.........................],
204,37................6097561],
078,72..............................]
+dataMap.dataAFinancial = dataFormatter({
...........1..........7243096],
,93.................],
.......................],
.......................],
.......................],
......................5,27.]
Index: djws.js
===================================================================
--- djws.js (revision 0)
+++ djws.js (revision 2)
@@ -0,0 +1,249 @@
+//经济指标命名映射
+var eNameMap = {
'GDP' : 'GDP',
'Financial' : '金融',
'Estate' : '房地产',
'PI' : '第一产业',
'SI' : '第二产业',
'TI' : '第三产业'
+//颜色映射
+var eColorMap = {
'GDP' : '#1e90ff',
'Financial' : '#ff7f50',
'Estate' : '#da70d6',
'PI' : '#32cd32',
'SI' : '#6495ed',
'TI' : '#ff69b4'
+//---------
+var developMode =
+if (developMode) {
window.esl =
window.define =
window.require =
(function () {
var script = document.createElement('script');
script.async =
var pathname = location.
var pathSegs = pathname.slice(pathname.indexOf('doc')).split('/');
var pathLevelArr = new Array(pathSegs.length - 1);
script.src = pathLevelArr.join('../') + 'asset/js/esl/esl.js';
if (script.readyState) {
script.onreadystatechange = fireL
script.onload = fireL
(document.getElementsByTagName('head')[0] || document.body).appendChild(script);
function fireLoad() {
script.onload = script.onreadystatechange =
setTimeout(loadedListener,100);
function loadedListener() {
// for develop
require.config({
packages: [
name: 'echarts',
location: '../../../../src',
main: 'echarts'
name: 'zrender',
//location: 'http://ecomfe.github.io/zrender/src',
location: '../../../../../zrender/src',
main: 'zrender'
launchExample();
require.config({
echarts: '../../www/js'
launchExample();
+var EC_READY =
+var myChart0;
+var isExampleL
+function launchExample() {
if (isExampleLaunched) {
// 按需加载
isExampleLaunched = 1;
'echarts',
'echarts/chart/line',
'echarts/chart/bar',
'echarts/chart/scatter',
//'echarts/chart/k',
'echarts/chart/pie',
'echarts/chart/radar',
//'echarts/chart/force',
//'echarts/chart/chord',
'echarts/chart/map'
function (ec) {
EC_READY =
myChart0 = ec.init(document.getElementById('g0')).setOption(option0());
showTabContent(1);
+var curTabIdx = 1;
+$('a[data-toggle=&tab&]').on('shown.bs.tab', function (e) {
// e.target // activated tab
// e.relatedTarget // previous tab
if (!EC_READY) {
hideTabContent(curTabIdx);
curTabIdx = e.target.id.replace('tab','');
showTabContent(curTabIdx);
+var curYear = '2002';
+$('button').on('click', function (e) {
$('#' + curYear)[0].className = 'btn btn-info';
curYear = e.target.
$('#' + curYear)[0].className = 'btn btn-success';
showTabContent(curTabIdx);
+var curEIndex = 'GDP';
+$('input:radio[name=&optionsRadios&]').on('change', function (e) {
curRange =
curEIndex = e.target.
showTabContent(curTabIdx);
+var functionMap = {};
+function showTabContent(idx) {
functionMap['chart' + idx](idx);
+function hideTabContent(idx) {
functionMap['chart' + idx + 'dispose'](idx);
+// last chart
+var myChart3;
+var curSelected = {
'GDP' : true,
'金融' : false,
'房地产' : true,
'第一产业' : false,
'第二产业' : false,
'第三产业' : false
+functionMap.chart3 = function (idx) {
functionMap.chart3dispose(idx);
myChart3 = require('echarts').init(document.getElementById('g' + idx));
myChart3.setOption(option1(curSelected));
// 图例状态保持
myChart3.on(require('echarts/config').EVENT.LEGEND_SELECTED, function (param){
curSelected = param.
+functionMap.chart3dispose = function () {
if (myChart3) {
myChart3.dispose();
myChart3 =
+// second chart
+var myChart20;
+var myChart21;
+var myChart22;
+var myChart23;
+var myChart24;
+var myChart25;
+functionMap.chart2 = function (idx) {
functionMap.chart2dispose(idx);
var ec = require('echarts');
myChart20 = ec.init(document.getElementById('g20'));
myChart21 = ec.init(document.getElementById('g21'));
myChart22 = ec.init(document.getElementById('g22'));
myChart23 = ec.init(document.getElementById('g23'));
myChart24 = ec.init(document.getElementById('g24'));
myChart25 = ec.init(document.getElementById('g25'));
myChart20.setOption(option2('GDP'));
myChart21.setOption(option2('Financial'));
myChart22.setOption(option2('Estate'));
myChart23.setOption(option2('PI'));
myChart24.setOption(option2('SI'));
myChart25.setOption(option2('TI'));
+functionMap.chart2dispose = function () {
if (myChart20) {
myChart20.dispose();
myChart21.dispose();
myChart22.dispose();
myChart23.dispose();
myChart24.dispose();
myChart25.dispose();
myChart20 =
myChart21 =
myChart22 =
myChart23 =
myChart24 =
myChart25 =
+// first chart
+var myChart1;
+var curRange =
+functionMap.chart1 = function (idx) {
functionMap.chart1dispose(idx);
myChart1 = require('echarts').init(document.getElementById('g' + idx));
myChart1.setOption(option3(curEIndex));
+functionMap.chart1dispose = function () {
if (myChart1) {
myChart1.dispose();
myChart1 =
+var resizeT
+window.onload = function () {
window.onresize = function () {
clearTimeout(resizeTicket);
resizeTicket = setTimeout(function (){
myChart0.resize();
if (curTabIdx == 1) {
myChart1.resize();
else if (curTabIdx == 2) {
myChart20.resize();
myChart21.resize();
myChart22.resize();
myChart23.resize();
myChart24.resize();
myChart25.resize();
myChart3.resize();
Index: option0.js
===================================================================
--- option0.js (revision 0)
+++ option0.js (revision 2)
@@ -0,0 +1,169 @@
+function option0 () {
text: '2011全国GDP',
subtext: '数据来自国家统计局',
x:'right',
y: 'top'
tooltip : {
trigger: 'item'
dataRange: {
max: 60000,
orient: 'horizontal',
color:['red','yellow'],
text:['高','低'],
// 文本，默认为数值文本
calculable : true,
x: 'center',
y: 'bottom',
textStyle: {
color: 'orange'
toolbox: {
show : true,
//orient : 'vertical',
x: 'left',
y: 'top',
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
borderWidth:0
type : 'value',
position: 'top',
name: '（亿元）',
splitLine: {show:false},
boundaryGap : [0, 0.01]
type : 'category',
splitLine: {show:false},
axisLabel: {
interval:0
data : ['西藏','青海','宁夏','海南','甘肃','贵州','新疆','云南','重庆','吉林','山西','天津','江西','广西','陕西','黑龙江','内蒙古','安徽','北京','福建','上海','湖北','湖南','四川','辽宁','河北','河南','浙江','山东','江苏','广东']
series : [
name: '2011全国GDP',
type: 'map',
mapType: 'china',
itemSdtyle:{
normal:{label:{show:true}}
mapLocation: {
x: 'right',
{name:'西藏', value:605.83},
{name:'青海', value:1670.44},
{name:'宁夏', value:2102.21},
{name:'海南', value:2522.66},
{name:'甘肃', value:5020.37},
{name:'贵州', value:5701.84},
{name:'新疆', value:6610.05},
{name:'云南', value:8893.12},
{name:'重庆', value:10011.37},
{name:'吉林', value:10568.83},
{name:'山西', value:11237.55},
{name:'天津', value:11307.28},
{name:'江西', value:11702.82},
{name:'广西', value:11720.87},
{name:'陕西', value:12512.3},
{name:'黑龙江', value:12582},
{name:'内蒙古', value:14359.88},
{name:'安徽', value:15300.65},
{name:'北京', value:16251.93},
{name:'福建', value:17560.18},
{name:'上海', value:19195.69},
{name:'湖北', value:19632.26},
{name:'湖南', value:19669.56},
{name:'四川', value:21026.68},
{name:'辽宁', value:22226.7},
{name:'河北', value:24515.76},
{name:'河南', value:26931.03},
{name:'浙江', value:32318.85},
{name:'山东', value:45361.85},
{name:'江苏', value:49110.27},
{name:'广东', value:53210.28}
type: 'bar',
itemStyle : {
normal : {
color : (function (){
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
0, 80, 0, 500,
[[0, 'red'],[0.2, 'orange'],[1, 'yellow']]
show : false
emphasis : {
show : true,
textStyle : {
color : 'orange',
fontWeight : 'bold'
{name:'西藏', value:605.83},
{name:'青海', value:1670.44},
{name:'宁夏', value:2102.21},
{name:'海南', value:2522.66},
{name:'甘肃', value:5020.37},
{name:'贵州', value:5701.84},
{name:'新疆', value:6610.05},
{name:'云南', value:8893.12},
{name:'重庆', value:10011.37},
{name:'吉林', value:10568.83},
{name:'山西', value:11237.55},
{name:'天津', value:11307.28},
{name:'江西', value:11702.82},
{name:'广西', value:11720.87},
{name:'陕西', value:12512.3},
{name:'黑龙江', value:12582},
{name:'内蒙古', value:14359.88},
{name:'安徽', value:15300.65},
{name:'北京', value:16251.93},
{name:'福建', value:17560.18},
{name:'上海', value:19195.69},
{name:'湖北', value:19632.26},
{name:'湖南', value:19669.56},
{name:'四川', value:21026.68},
{name:'辽宁', value:22226.7},
{name:'河北', value:24515.76},
{name:'河南', value:26931.03},
{name:'浙江', value:32318.85},
{name:'山东', value:45361.85},
{name:'江苏', value:49110.27},
{name:'广东', value:53210.28}
\ No newline at end of file
Index: data-china.js
===================================================================
--- data-china.js (revision 0)
+++ data-china.js (revision 2)
@@ -0,0 +1,84 @@
+dataMap.dataGDP = dataFormatter({
//max : 60000,
.93,15.76,59.88,68.83,.69,18.85,60.18,61.85,32.26,10.28,2.66,26.68,3.12,605.83,0.37,2.21,6610.05],
.58,94.26,72,7.58,65.98,22.31,37.12,69.92,67.61,13.06,4.5,85.48,4.18,507.46,0.75,9.65,5437.47],
.03,35.48,0.25,8.75,.45,90.35,36.53,96.65,61.1,82.56,4.21,51.28,9.75,441.36,7.56,3.31,4277.05],
,11.97,6.2,6.1,69.87,62.69,23.01,33.28,28.92,.71,,01.23,2.12,394.85,6.82,3.92,4183.21],
.81,07.32,3.18,4.69,.01,53.73,8.53,76.91,3.4,77.01,4.17,62.39,2.52,341.43,3.98,797.35,919.11,3523.16],
.78,67.6,4.25,5.12,72.24,18.47,3.85,00.19,7.47,87.76,5.67,0.24,8.14,290.76,7.35,648.5,725.9,3045.26],
.52,12.11,5.03,0.27,7.66,17.68,4.69,66.87,0.19,57.37,.75,5.1,2.73,248.8,3.98,543.32,612.61,2604.19],
.21,7.63,1.07,,2.83,48.7,3.35,21.84,3.24,64.62,.66,9.63,1.91,220.34,8.49,466.1,537.11,2209.09],
.21,1.29,8.38,2.08,4.23,5.02,3.67,78.15,7.45,44.64,.96,3.09,6.02,185.09,9.83,390.2,445.36,1886.35],
,8.28,0.94,8.54,1.03,3.67,7.55,75.5,2.82,02.42,.73,5.01,2.82,162.04,2.03,340.65,377.16,1612.6]
+dataMap.dataPI = dataFormatter({
//max : 4000,
,159.72,.42,5.57,1.5,124.94,3.04,2.24,3.85,9.3,5.2,.23,844.52,.22,.47,.75,155.08,184.14,1139.03],
,145.58,.48,1.08,2.9,114.15,0.56,3.67,8.28,7,6.98,.83,685.38,.03,.72,988.45,599.28,134.92,159.29,1078.63],
,128.85,.59,929.6,.57,.82,3.08,2.74,6.64,5.9,0.27,.19,606.8,.27,.88,789.64,497.05,107.4,127.25,759.74],
,122.58,.58,907.95,.72,.8,5.96,8.17,2.65,0,3.05,.04,575.4,.19,.62,753.72,462.27,105.57,118.94,691.07],
,110.19,.97,762.1,.8,915.38,101.84,.02,2.11,905.77,7.66,,1.35,361.07,482.39,,837.35,54.89,592.63,387.55,83.41,97.89,628.72],
,103.35,.77,634.94,939.43,672.76,750.14,93.81,.1,.98,786.14,6.74,2.2,2.47,323.48,386.38,.06,724.4,50.9,484.81,334,67.55,79.54,527.8],
,112.38,,589.56,882.41,625.61,684.6,90.26,.83,966.5,827.36,727.37,2.01,0.65,.5,300.75,463.4,.94,661.69,48.04,435.77,308.06,65.34,72.07,509.99],
,105.28,.3,522.8,798.43,568.69,605.79,83.45,.1,950.5,786.84,664.5,9.29,2.45,.88,278.76,428.05,.5,607.75,44.3,387.88,286.78,60.7,65.33,461.26],
,89.91,.19,420.1,615.8,488.23,504.8,81.02,.85,749.4,692.94,560,8.7,798.35,886.47,.78,244.29,339.06,.69,494.6,40.7,302.66,237.91,48.47,55.63,412.9],
,84.21,956.84,197.8,374.69,590.2,446.17,474.2,79.68,.2,783.66,664.78,535.98,,707,847.25,.99,222.89,317.87,.1,463.44,39.75,282.21,215.51,47.31,52.95,305]
+dataMap.dataSI = dataFormatter({
//max : 26600,
.48,26.86,7.69,1.48,7.89,55.58,9.2,17.11,5.94,47.38,.5,29.13,0.32,208.79,7.83,975.18,5.9],
.38,07.68,,6.31,8.32,97.93,2.83,38.49,7.24,14.53,,2.18,3.49,163.92,4.97,744.63,827.91,2592.15],
.55,9.83,4,1.92,1.78,08.49,5.3,01.83,8.08,19.7,.43,1.87,2.53,136.63,7.24,575.33,662.32,1929.59],
.41,1.34,6.19,7.12,5.84,67.42,8.44,71.98,2.07,02.2,.55,3.39,2.75,115.56,0.34,557.12,609.98,2070.76],
.4,1.88,3.67,5.45,1.06,54.25,6.42,47.53,3.06,04.61,.26,8.79,8.39,98.48,9.32,419.03,455.04,1647.55],
.43,0.43,4.96,5.29,9.95,1.51,5.04,74.03,5.08,69.77,.62,5.14,967.54,.1,3.19,331.91,351.58,1459.3],
.51,1.57,3.21,0.83,1.2,4.75,5.92,78.62,2.12,56.6,.83,,821.16,.52,.56,264.61,281.05,1164.79],
.58,1.73,8.27,9.68,2.12,0.38,0.49,8.69,0.6,0.73,.6,9.4,681.5,.74,.3,211.7,244.05,914.47],
.15,7.56,.49,8.37,9.02,6.38,0.82,5.05,6.02,2.78,984.08,175.82,4.8,569.37,.64,.02,171.92,194.27,719.54],
.99,1.69,.78,.49,2.45,0.48,6.97,941.77,8.75,3.5,.89,148.88,958.87,.96,934.88,32.72,.69,144.51,153.06,603.15]
+dataMap.dataTI = dataFormatter({
//max : 25000,
.18,3.17,5.89,9.91,42.86,80.23,8.74,70.89,7.02,97.7,8.93,4.04,1.79,322.57,3.79,540.18,861.92,2245.12],
.84,3.77,9.03,1.12,3.51,63.82,0.62,43.14,3.37,11.55,.67,0.41,2.31,274.82,6.5,470.88,702.45,1766.69],
.19,8.31,6.65,6.26,0.85,8.78,8.49,68.18,7.12,52.59,.59,8.8,9.62,240.85,3.27,398.54,563.74,1587.72],
.76,6.04,2.06,2.26,2.23,9.31,6.4,58.64,6.85,21.46,.47,1.69,8.81,218.67,4.21,355.93,475,1421.38],
.15,0.72,7.41,5.44,1.11,3.46,0,0.24,2.34,76.83,.84,1.6,6.78,188.06,7.11,294.91,366.18,1246.89],
.55,5.36,4.35,7.07,8.48,1.86,2.83,7.26,1.98,85.82,.57,9.62,989.38,.76,.16,249.04,294.78,1058.16],
.33,0.54,2.26,3.83,6.2,0.1,1.41,4.74,5.94,2.5,.17,6.73,815.32,.24,.36,213.37,259.49,929.41],
.27,5.47,0,3.64,7.26,4.22,6.02,4.7,2.55,5.3,.3,0.3,661.8,.3,.41,193.7,227.73,833.36],
.95,9.68,0.79,5.48,4.19,0.79,9.91,2.43,3.08,8.94,.85,9.68,558.28,.76,.91,169.81,195.46,753.91],
.57,997.47,.69,811.47,.88,8.9,7.99,5.8,972.73,8.37,0.79,4.85,270.96,956.12,.37,914.5,89.56,963.62,514.83,148.83,171.14,704.5]
+dataMap.dataEstate = dataFormatter({
//max : 3600,
.93,411.46,918.02,224.91,384.76,876.12,238.61,492.1,7.89,.92,911.16,402.51,,634.67,518.04,.68,208.71,396.28,620.62,160.3,222.31,17.44,398.03,134.25,29.05,79.01,176.22],
.52,377.59,697.79,192,309.25,733.37,212.32,391.89,0.95,.17,679.03,340.56,.23,564.41,464.21,.79,188.33,266.38,558.56,139.64,223.45,14.54,315.95,110.02,25.41,60.53,143.44],
.47,308.73,612.4,173.31,286.65,605.27,200.14,301.18,5.39,.94,656.61,305.9,.98,546.11,400.11,.98,121.76,229.09,548.14,136.15,205.14,13.28,239.92,101.37,23.05,47.56,115.23],
,227.88,513.81,166.04,273.3,500.81,182.7,244.47,939.34,2.03,431.27,506.98,281.96,.42,526.88,340.07,.96,95.6,191.21,453.63,104.81,195.48,15.08,193.27,93.8,19.96,38.85,89.79],
,183.44,467.97,134.12,191.01,410.43,153.03,225.81,958.06,.42,366.57,511.5,225.96,953.69,447.44,409.65,301.8,.45,67.19,196.06,376.84,93.19,193.59,13.24,153.98,83.52,16.98,29.49,91.28],
,156.64,397.14,117.01,136.5,318.54,131.01,194.7,773.61,.41,281.98,435.22,184.67,786.51,348.7,294.73,254.81,.2,44.45,158.2,336.2,80.24,165.92,11.92,125.2,73.21,15.17,25.53,68.9],
,122.67,330.87,106,98.75,256.77,112.29,163.34,715.97,799.73,688.86,231.66,331.8,171.88,664.9,298.19,217.17,215.63,.05,38.2,143.88,286.23,76.38,148.69,10.02,108.62,63.78,14.1,22.97,55.79],
,106.14,231.08,95.1,73.81,203.1,97.93,137.74,666.3,534.17,587.83,188.28,248.44,167.2,473.27,236.44,204.8,191.5,.52,30.64,129.12,264.3,68.3,116.54,5.8,95.9,56.84,13,20.78,53.55],
,92.31,185.19,78.73,61.05,188.49,91.99,127.2,487.82,447.47,473.16,162.63,215.84,138.02,418.21,217.58,176.8,186.49,955.66,100.93,25.14,113.69,231.72,59.86,103.79,4.35,83.9,48.09,11.41,16.85,47.84],
,73.04,140.89,65.83,51.48,130.94,76.11,118.7,384.86,371.09,360.63,139.18,188.09,125.27,371.13,199.31,145.17,165.29,808.16,82.83,21.45,90.48,210.82,53.49,95.68,3.42,77.68,41.52,9.74,13.46,43.04]
+dataMap.dataFinancial = dataFormatter({
//max : 3200,
.41,756.5,746.01,519.32,447.46,755.57,207.65,370.78,0.11,.85,862.41,357.44,.2,674.57,501.09,.37,105.24,704.66,868.15,297.27,456.23,31.7,432.11,145.05,62.56,134.18,288.77],
.61,572.99,615.42,448.3,346.44,639.27,190.12,304.59,5.92,.17,767.58,241.49,.68,561.27,463.16,.53,78.12,496.56,654.7,231.51,375.08,27.08,384.75,100.54,54.53,97.87,225.2],
.63,461.2,525.67,361.64,291.1,560.2,180.83,227.54,6.98,.6,612.2,165.1,.92,479.11,402.57,.82,65.73,389.97,524.63,194.44,351.74,23.17,336.21,88.27,45.63,75.54,198.87],
.19,368.1,420.74,290.91,219.09,455.07,147.24,177.43,8.48,.81,497.65,130.57,880.28,413.83,393.05,334.32,.01,47.33,303.01,411.14,151.55,277.66,22.42,287.16,72.49,36.54,64.8,171.97],
.77,288.17,347.65,218.73,148.3,386.34,126.03,155.48,4.25,.85,385.84,101.34,734.9,302.31,337.27,260.14,.73,34.43,247.46,359.11,122.25,168.55,11.51,231.03,61.6,27.67,51.05,149.22],
,186.87,284.04,169.63,108.21,303.41,100.75,74.17,825.2,653.25,906.37,166.01,243.9,79.75,524.94,219.72,174.99,204.72,899.91,129.14,16.37,213.7,299.5,89.43,143.62,6.44,152.25,50.51,23.69,36.99,99.25],
,147.4,213.47,135.07,72.52,232.85,83.63,35.03,675.12,492.4,686.32,127.05,186.12,69.55,448.36,181.74,127.32,162.37,661.81,91.93,13.16,185.18,262.26,73.67,130.5,7.57,127.58,44.73,20.36,32.25,80.34],
,136.97,209.1,110.29,55.89,188.04,77.17,32.2,612.45,440.5,523.49,94.1,171,65.1,343.37,170.82,118.85,118.64,602.68,74,11.56,162.38,236.5,60.3,118.4,5.4,90.1,42.99,19,27.92,70.3],
,112.79,199.87,118.48,55.89,145.38,73.15,32.2,517.97,392.11,451.54,87.45,150.09,64.31,329.71,165.11,107.31,99.35,534.28,61.59,10.68,147.04,206.24,48.01,105.48,4.74,77.87,42.31,17.98,24.8,64.92],
,76.86,179.6,124.1,48.39,137.18,75.45,31.6,485.25,368.86,347.53,81.85,138.28,76.51,310.07,158.77,96.95,92.43,454.65,35.86,10.08,134.52,183.13,41.45,102.39,2.81,67.3,42.08,16.75,21.45,52.18]
Index: option1.js
===================================================================
--- option1.js (revision 0)
+++ option1.js (revision 2)
@@ -0,0 +1,175 @@
+function option1 (curSelected) {
var option = {
color: ['#87cefa','#ff7f50','#da70d6','#32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
'#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
subtext: '数据来自国家统计局'
tooltip : {
trigger: 'axis'
data : ['GDP','金融','房地产','第一产业','第二产业','第三产业'],
selected : curSelected
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
calculable : true,
type : 'category',
axisLabel: {
interval: 0
'北京','\n天津','河北','\n山西','内蒙古','\n辽宁',
'吉林','\n黑龙江','上海','\n江苏','浙江','\n安徽',
'福建','\n江西','山东','\n河南','湖北','\n湖南',
'广东','\n广西','海南','\n重庆','四川','\n贵州',
'云南','\n西藏','陕西','\n甘肃','青海','\n宁夏','新疆'
type : 'value',
name : 'GDP（亿元）',
max: 53500,
splitArea : {show : true}
type : 'value',
name : '其他（亿元）',
splitArea : {show : true}
series : [
name:'GDP',
_name: 'GDP',
type:'bar',
markLine: {
symbol : ['arrow','none'],symbolSize : [4, 2],itemStyle : {normal: {lineStyle: {color:'orange'},borderColor:'orange',label:{position:'left',formatter:function(a,b,c){return Math.round(c)},textStyle:{color:&orange&}}}},
{type : 'average', name : '平均值'}
name:'金融',
_name: 'Financial',
yAxisIndex: 1,
type:'bar'
name:'房地产',
_name: 'Estate',
yAxisIndex: 1,
type:'bar'
name:'第一产业',
_name: 'PI',
yAxisIndex: 1,
type:'bar'
name:'第二产业',
_name: 'SI',
yAxisIndex: 1,
type:'bar'
name:'第三产业',
_name: 'TI',
yAxisIndex: 1,
type:'bar'
var timelineOption = {
timeline : {
data : (function(){
var a = [];
for (var i = 2002; i &= 2011; i++) {
a.push(i + '-01-01');
formatter : function(s) {
return s.slice(0, 4);
playInterval : 1000
options : []
var curYear = 2002;
option.title.text = curYear + '全国宏观经济指标'
for (var i = 0, l = option.series. i & i++) {
option.series[i].data =
dataMap['data' + option.series[i]._name][curYear]
timelineOption.options.push(option);
for (curYear = 2003; curYear &= 2011; curYear++) {
var newSeries = [
name:'GDP',
_name: 'GDP'
name:'金融',
_name: 'Financial',
yAxisIndex: 1
name:'房地产',
_name: 'Estate',
yAxisIndex: 1
name:'第一产业',
_name: 'PI',
yAxisIndex: 1
name:'第二产业',
_name: 'SI',
yAxisIndex: 1
name:'第三产业',
_name: 'TI',
yAxisIndex: 1
for (var i = 0, l = newSeries. i & i++) {
newSeries[i].data =
dataMap['data' + newSeries[i]._name][curYear]
timelineOption.options.push({
text : curYear + '全国宏观经济指标'
series : newSeries
return timelineO
\ No newline at end of file
Index: data-formatter.js
===================================================================
--- data-formatter.js (revision 0)
+++ data-formatter.js (revision 2)
@@ -0,0 +1,18 @@
+var dataMap = {};
+function dataFormatter(obj) {
var pList = ['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东','河南','湖北','湖南','广东','广西','海南','重庆','四川','贵州','云南','西藏','陕西','甘肃','青海','宁夏','新疆'];
var max = 0;
for (var year in obj) {
temp = obj[year];
for (var i = 0, l = temp. i & i++) {
max = Math.max(max, temp[i]);
obj[year][i] = {
name : pList[i],
value : temp[i]
obj[year+'max'] = Math.floor(max/100) * 100;
Index: option2.js
===================================================================
--- option2.js (revision 0)
+++ option2.js (revision 2)
@@ -0,0 +1,43 @@
+function option2 (name) {
var option = {
x: 'center',
y: 'top',
textStyle:{
fontSize: 14
tooltip : {
trigger: 'item'
dataRange: {
itemWidth:8,
itemGap: 5,
x: 'left',
y: 'bottom'
series : [
type: 'map',
mapType: 'china'
var color = eColorMap[name];
option.title.text = eNameMap[name] + ' (亿元)';
option.title.textStyle.color =
option.dataRange.color = [
require('zrender/tool/color').lift(color, -0.9)
option.dataRange.max = dataMap['data' + name][curYear + 'max'];
for (var i = 0, l = option.series. i & i++) {
option.series[i].name = eNameMap[name] + '(' + curYear + ')';
option.series[i].data =
dataMap['data' + name][curYear]
\ No newline at end of file
Index: option3.js
===================================================================
--- option3.js (revision 0)
+++ option3.js (revision 2)
@@ -0,0 +1,82 @@
+function option3 (name) {
var option = {
text: 'GDP',
subtext: '数据来自国家统计局',
x:'right',
textStyle:{}
tooltip : {
trigger: 'item'
dataRange: {
max : dataMap['dataA' + name][2011 + 'max'],
text:['高','低'],
// 文本，默认为数值文本
calculable : true,
x: 'left'
series : [
type: 'map',
mapType: 'china',
mapLocation: {
y: 'top',
height : 340
itemStyle:{
normal:{label:{show:true}}
option.title.text = '人均' + eNameMap[name];
var color = eColorMap[name];
option.title.textStyle.color =
option.dataRange.color = [
require('zrender/tool/color').lift(color, -0.9)
// console.log(option.dataRange.color,name)
var timelineOption = {
timeline : {
data : (function(){
var a = [];
for (var i = 2002; i &= 2011; i++) {
a.push(i + '-01-01');
formatter : function(s) {
return s.slice(0, 4);
playInterval : 1000
options : []
var curYear = 2002;
option.series[0].name = '人均' + eNameMap[name] + '(' + curYear + ')';
option.series[0].data =
dataMap['dataA' + name][curYear]
timelineOption.options.push(option);
for (curYear = 2003; curYear &= 2011; curYear++) {
var newSeries = {
type: 'map',
mapType: 'china',
itemStyle:{
normal:{label:{show:true}}
newSeries.name = '人均' + eNameMap[name] + '(' + curYear + ')';
newSeries.data =
dataMap['dataA' + name][curYear]
timelineOption.options.push({
series : [newSeries]
return timelineO
\ No newline at end of file
(C)&&2013&&Alibaba&&Inc.&&All&&rights&&resvered.
Powered by}