Skip to content

Commit

Permalink
20180122
Browse files Browse the repository at this point in the history
  • Loading branch information
chuanshunwu committed Jan 22, 2018
1 parent 3d210bc commit d2f2c75
Show file tree
Hide file tree
Showing 1,239 changed files with 430,856 additions and 0 deletions.
508 changes: 508 additions & 0 deletions 使用的技术/ECharts报表工具/ECharts_地图/2DChinaMap.html

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<!DOCTYPE html>
<html>
<head>
<title>three_dimensional.html</title>


<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">


<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script src="echarts.min.js"></script>
<script src="echarts-gl.min.js"></script>
</head>


<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 1000px;height:800px;"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));


var hours = [ '12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a',
'9a', '10a', '11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p',
'7p', '8p', '9p', '10p', '11p' ];
var days = [ 'Saturday', 'Friday', 'Thursday', 'Wednesday', 'Tuesday',
'Monday', 'Sunday' ];


var data = [ [ 0, 0, 5 ], [ 0, 1, 1 ], [ 0, 2, 0 ], [ 0, 3, 0 ],
[ 0, 4, 0 ], [ 0, 5, 0 ], [ 0, 6, 0 ], [ 0, 7, 0 ],
[ 0, 8, 0 ], [ 0, 9, 0 ], [ 0, 10, 0 ], [ 0, 11, 2 ],
[ 0, 12, 4 ], [ 0, 13, 1 ], [ 0, 14, 1 ], [ 0, 15, 3 ],
[ 0, 16, 4 ], [ 0, 17, 6 ], [ 0, 18, 4 ], [ 0, 19, 4 ],
[ 0, 20, 3 ], [ 0, 21, 3 ], [ 0, 22, 2 ], [ 0, 23, 5 ],
[ 1, 0, 7 ], [ 1, 1, 0 ], [ 1, 2, 0 ], [ 1, 3, 0 ],
[ 1, 4, 0 ], [ 1, 5, 0 ], [ 1, 6, 0 ], [ 1, 7, 0 ],
[ 1, 8, 0 ], [ 1, 9, 0 ], [ 1, 10, 5 ], [ 1, 11, 2 ],
[ 1, 12, 2 ], [ 1, 13, 6 ], [ 1, 14, 9 ], [ 1, 15, 11 ],
[ 1, 16, 6 ], [ 1, 17, 7 ], [ 1, 18, 8 ], [ 1, 19, 12 ],
[ 1, 20, 5 ], [ 1, 21, 5 ], [ 1, 22, 7 ], [ 1, 23, 2 ],
[ 2, 0, 1 ], [ 2, 1, 1 ], [ 2, 2, 0 ], [ 2, 3, 0 ],
[ 2, 4, 0 ], [ 2, 5, 0 ], [ 2, 6, 0 ], [ 2, 7, 0 ],
[ 2, 8, 0 ], [ 2, 9, 0 ], [ 2, 10, 3 ], [ 2, 11, 2 ],
[ 2, 12, 1 ], [ 2, 13, 9 ], [ 2, 14, 8 ], [ 2, 15, 10 ],
[ 2, 16, 6 ], [ 2, 17, 5 ], [ 2, 18, 5 ], [ 2, 19, 5 ],
[ 2, 20, 7 ], [ 2, 21, 4 ], [ 2, 22, 2 ], [ 2, 23, 4 ],
[ 3, 0, 7 ], [ 3, 1, 3 ], [ 3, 2, 0 ], [ 3, 3, 0 ],
[ 3, 4, 0 ], [ 3, 5, 0 ], [ 3, 6, 0 ], [ 3, 7, 0 ],
[ 3, 8, 1 ], [ 3, 9, 0 ], [ 3, 10, 5 ], [ 3, 11, 4 ],
[ 3, 12, 7 ], [ 3, 13, 14 ], [ 3, 14, 13 ], [ 3, 15, 12 ],
[ 3, 16, 9 ], [ 3, 17, 5 ], [ 3, 18, 5 ], [ 3, 19, 10 ],
[ 3, 20, 6 ], [ 3, 21, 4 ], [ 3, 22, 4 ], [ 3, 23, 1 ],
[ 4, 0, 1 ], [ 4, 1, 3 ], [ 4, 2, 0 ], [ 4, 3, 0 ],
[ 4, 4, 0 ], [ 4, 5, 1 ], [ 4, 6, 0 ], [ 4, 7, 0 ],
[ 4, 8, 0 ], [ 4, 9, 2 ], [ 4, 10, 4 ], [ 4, 11, 4 ],
[ 4, 12, 2 ], [ 4, 13, 4 ], [ 4, 14, 4 ], [ 4, 15, 14 ],
[ 4, 16, 12 ], [ 4, 17, 1 ], [ 4, 18, 8 ], [ 4, 19, 5 ],
[ 4, 20, 3 ], [ 4, 21, 7 ], [ 4, 22, 3 ], [ 4, 23, 0 ],
[ 5, 0, 2 ], [ 5, 1, 1 ], [ 5, 2, 0 ], [ 5, 3, 3 ],
[ 5, 4, 0 ], [ 5, 5, 0 ], [ 5, 6, 0 ], [ 5, 7, 0 ],
[ 5, 8, 2 ], [ 5, 9, 0 ], [ 5, 10, 4 ], [ 5, 11, 1 ],
[ 5, 12, 5 ], [ 5, 13, 10 ], [ 5, 14, 5 ], [ 5, 15, 7 ],
[ 5, 16, 11 ], [ 5, 17, 6 ], [ 5, 18, 0 ], [ 5, 19, 5 ],
[ 5, 20, 3 ], [ 5, 21, 4 ], [ 5, 22, 2 ], [ 5, 23, 0 ],
[ 6, 0, 1 ], [ 6, 1, 0 ], [ 6, 2, 0 ], [ 6, 3, 0 ],
[ 6, 4, 0 ], [ 6, 5, 0 ], [ 6, 6, 0 ], [ 6, 7, 0 ],
[ 6, 8, 0 ], [ 6, 9, 0 ], [ 6, 10, 1 ], [ 6, 11, 0 ],
[ 6, 12, 2 ], [ 6, 13, 1 ], [ 6, 14, 3 ], [ 6, 15, 4 ],
[ 6, 16, 0 ], [ 6, 17, 0 ], [ 6, 18, 0 ], [ 6, 19, 0 ],
[ 6, 20, 1 ], [ 6, 21, 2 ], [ 6, 22, 2 ], [ 6, 23, 6 ] ];
var option = {
tooltip : {},
visualMap : {
max : 20,
inRange : {
color : [ '#313695', '#4575b4', '#74add1', '#abd9e9',
'#e0f3f8', '#ffffbf', '#fee090', '#fdae61',
'#f46d43', '#d73027', '#a50026' ]
}
},
xAxis3D : {
type : 'category',
data : hours
},
yAxis3D : {
type : 'category',
data : days
},
zAxis3D : {
type : 'value'
},
grid3D : {
boxWidth : 200,
boxDepth : 80,
light : {
main : {
intensity : 1.2
},
ambient : {
intensity : 0.3
}
}
},
series : [ {
type : 'bar3D',
data : data.map(function(item) {
return {
value : [ item[1], item[0], item[2] ]
}
}),
shading : 'color',


label : {
show : true,
textStyle : {
fontSize : 16,
borderWidth : 1
}
},


itemStyle : {
opacity : 0.4
},


emphasis : {
label : {
textStyle : {
fontSize : 20,
color : '#900'
}
},
itemStyle : {
color : '#900'
}
}
} ]
}


// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
211 changes: 211 additions & 0 deletions 使用的技术/ECharts报表工具/ECharts_地图/bmap.min.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,211 @@
!
function(t, e) {
"object" == typeof exports && "undefined" != typeof module ? e(exports, require("echarts")) : "function" == typeof define && define.amd ? define(["exports", "echarts"], e) : e(t.bmap = {},
t.echarts)
} (this,
function(t, e) {
"use strict";
function o(t, e) {
this._bmap = t,
this.dimensions = ["lng", "lat"],
this._mapOffset = [0, 0],
this._api = e,
this._projection = new BMap.MercatorProjection
}
function n(t, o) {
return o = o || [0, 0],
e.util.map([0, 1],
function(e) {
var n = o[e],
i = t[e] / 2,
a = [],
r = [];
return a[e] = n - i,
r[e] = n + i,
a[1 - e] = r[1 - e] = o[1 - e],
Math.abs(this.dataToPoint(a)[e] - this.dataToPoint(r)[e])
},
this)
}
function i() {
function t(t) {
this._root = t
}
return t.prototype = new BMap.Overlay,
t.prototype.initialize = function(t) {
return t.getPanes().labelPane.appendChild(this._root),
this._root
},
t.prototype.draw = function() {},
t
}
function a(t, e) {
return t && e && t[0] === e[0] && t[1] === e[1]
}
o.prototype.dimensions = ["lng", "lat"],
o.prototype.setZoom = function(t) {
this._zoom = t
},
o.prototype.setCenter = function(t) {
this._center = this._projection.lngLatToPoint(new BMap.Point(t[0], t[1]))
},
o.prototype.setMapOffset = function(t) {
this._mapOffset = t
},
o.prototype.getBMap = function() {
return this._bmap
},
o.prototype.dataToPoint = function(t) {
var e = new BMap.Point(t[0], t[1]),
o = this._bmap.pointToOverlayPixel(e),
n = this._mapOffset;
return [o.x - n[0], o.y - n[1]]
},
o.prototype.pointToData = function(t) {
var e = this._mapOffset;
return [(t = this._bmap.overlayPixelToPoint({
x: t[0] + e[0],
y: t[1] + e[1]
})).lng, t.lat]
},
o.prototype.getViewRect = function() {
var t = this._api;
return new e.graphic.BoundingRect(0, 0, t.getWidth(), t.getHeight())
},
o.prototype.getRoamTransform = function() {
return e.matrix.create()
},
o.prototype.prepareCustoms = function(t) {
var o = this.getViewRect();
return {
coordSys: {
type: "bmap",
x: o.x,
y: o.y,
width: o.width,
height: o.height
},
api: {
coord: e.util.bind(this.dataToPoint, this),
size: e.util.bind(n, this)
}
}
};
var r;
o.dimensions = o.prototype.dimensions,
o.create = function(t, e) {
var n, a = e.getDom();
t.eachComponent("bmap",
function(t) {
var p = e.getZr().painter,
s = p.getViewportRoot();
if ("undefined" == typeof BMap) throw new Error("BMap api is not loaded");
if (r = r || i(), n) throw new Error("Only one bmap component can exist");
if (!t.__bmap) {
var m = a.querySelector(".ec-extension-bmap");
m && (s.style.left = "0px", s.style.top = "0px", a.removeChild(m)),
(m = document.createElement("div")).style.cssText = "width:100%;height:100%",
m.classList.add("ec-extension-bmap"),
a.appendChild(m);
var c = t.__bmap = new BMap.Map(m),
d = new r(s);
c.addOverlay(d),
p.getViewportRootOffset = function() {
return {
offsetLeft: 0,
offsetTop: 0
}
}
}
var c = t.__bmap,
f = t.get("center"),
l = t.get("zoom");
if (f && l) {
var h = new BMap.Point(f[0], f[1]);
c.centerAndZoom(h, l)
} (n = new o(c, e)).setMapOffset(t.__mapOffset || [0, 0]),
n.setZoom(l),
n.setCenter(f),
t.coordinateSystem = n
}),
t.eachSeries(function(t) {
"bmap" === t.get("coordinateSystem") && (t.coordinateSystem = n)
})
},
e.extendComponentModel({
type: "bmap",
getBMap: function() {
return this.__bmap
},
setCenterAndZoom: function(t, e) {
this.option.center = t,
this.option.zoom = e
},
centerOrZoomChanged: function(t, e) {
var o = this.option;
return ! (a(t, o.center) && e === o.zoom)
},
defaultOption: {
center: [104.114129, 37.550339],
zoom: 5,
mapStyle: {},
roam: !1
}
}),
e.extendComponentView({
type: "bmap",
render: function(t, e, o) {
function n() {
i || o.dispatchAction({
type: "bmapRoam"
})
}
var i = !0,
a = t.getBMap(),
r = o.getZr().painter.getViewportRoot(),
p = t.coordinateSystem,
s = function(e, n) {
if (!i) {
var a = r.parentNode.parentNode.parentNode,
s = [ - parseInt(a.style.left, 10) || 0, -parseInt(a.style.top, 10) || 0];
r.style.left = s[0] + "px",
r.style.top = s[1] + "px",
p.setMapOffset(s),
t.__mapOffset = s,
o.dispatchAction({
type: "bmapRoam"
})
}
};
a.removeEventListener("moving", this._oldMoveHandler),
a.removeEventListener("zoomend", this._oldZoomEndHandler),
a.addEventListener("moving", s),
a.addEventListener("zoomend", n),
this._oldMoveHandler = s,
this._oldZoomEndHandler = n;
var m = t.get("roam");
m && "scale" !== m ? a.enableDragging() : a.disableDragging(),
m && "move" !== m ? (a.enableScrollWheelZoom(), a.enableDoubleClickZoom(), a.enablePinchToZoom()) : (a.disableScrollWheelZoom(), a.disableDoubleClickZoom(), a.disablePinchToZoom());
var c = t.__mapStyle,
d = t.get("mapStyle") || {},
f = JSON.stringify(d);
JSON.stringify(c) !== f && (Object.keys(d).length && a.setMapStyle(d), t.__mapStyle = JSON.parse(f)),
i = !1
}
}),
e.registerCoordinateSystem("bmap", o),
e.registerAction({
type: "bmapRoam",
event: "bmapRoam",
update: "updateLayout"
},
function(t, e) {
e.eachComponent("bmap",
function(t) {
var e = t.getBMap(),
o = e.getCenter();
t.setCenterAndZoom([o.lng, o.lat], e.getZoom())
})
});
t.version = "1.0.0"
});
27 changes: 27 additions & 0 deletions 使用的技术/ECharts报表工具/ECharts_地图/china.js

Large diffs are not rendered by default.

Loading

0 comments on commit d2f2c75

Please sign in to comment.