提交 fadd309b 编写于 作者: K kener

1.2.0 release

上级 2e06ecd6
......@@ -26,10 +26,10 @@ ECharts (Enterprise Charts 商业产品图表库)
----
### 混搭
混搭的图表会更具表现力也更有有趣味,ECharts提供的图表(共7类11种)支持任意混搭:
混搭的图表会更具表现力也更有趣味,ECharts提供的图表(共8类13种)支持任意混搭:
折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、
饼图(环形图)、地图、力导布局图。
饼图(环形图)、雷达图、地图、力导布局图。
混搭情况下一个标准图表:包含唯一图例、工具箱、数据区域缩放、值域漫游模块,一个直角坐标系(可包含一条或多条类目轴线,一条或多条值轴线,最多上下左右四条)
......@@ -82,6 +82,11 @@ ECharts提供了方便快捷的图例开关,可以随时切换到你所关心
![ECharts 数据区域选择](doc/asset/img/scatter.gif)
### 动态数据添加
如果你需要展示有实时变化的数据,相信这个动态接口会对你很有帮助。
![ECharts 标线辅助](doc/asset/img/dynamic1.gif)
### 标线辅助
趋势线?平均线?未来走势?修正值?有需求用户自然知道用意~
......
/*
* 图表按需加载,如需链接带入相关图表,选择性打开echarts.js中build注释内图表引用
*/
{
// appDir: './',
baseUrl: '../src',
//optimize: 'none', // 是否压缩
name: 'echarts',
packages: [
{
name: 'zrender',
location: '../../zrender/src',
main: 'zrender'
},
{
name: 'echarts',
location: '.',
main: 'echarts'
}
],
include:[
'echarts/chart/scatter',
'echarts/chart/k',
'echarts/chart/radar',
'echarts/chart/force',
'echarts/chart/map',
'echarts/util/mapData/china/0', // 全国
'echarts/util/mapData/china/65', // 新疆
'echarts/util/mapData/china/54', // 西藏
'echarts/util/mapData/china/15', // 内蒙古
'echarts/util/mapData/china/63', // 青海
'echarts/util/mapData/china/51', // 四川
'echarts/util/mapData/china/23', // 黑龙江
'echarts/util/mapData/china/62', // 甘肃
'echarts/util/mapData/china/53', // 云南
'echarts/util/mapData/china/45', // 广西
'echarts/util/mapData/china/43', // 湖南
'echarts/util/mapData/china/61', // 陕西
'echarts/util/mapData/china/44', // 广东
'echarts/util/mapData/china/22', // 吉林
'echarts/util/mapData/china/13', // 河北
'echarts/util/mapData/china/42', // 湖北
'echarts/util/mapData/china/52', // 贵州
'echarts/util/mapData/china/37', // 山东
'echarts/util/mapData/china/36', // 江西
'echarts/util/mapData/china/41', // 河南
'echarts/util/mapData/china/21', // 辽宁
'echarts/util/mapData/china/14', // 山西
'echarts/util/mapData/china/34', // 安徽
'echarts/util/mapData/china/35', // 福建
'echarts/util/mapData/china/33', // 浙江
'echarts/util/mapData/china/32', // 江苏
'echarts/util/mapData/china/50', // 重庆
'echarts/util/mapData/china/64', // 宁夏
'echarts/util/mapData/china/46', // 海南
'echarts/util/mapData/china/71', // 台湾
'echarts/util/mapData/china/11', // 北京
'echarts/util/mapData/china/12', // 天津
'echarts/util/mapData/china/31', // 上海
'echarts/util/mapData/china/81', // 香港
'echarts/util/mapData/china/82', // 澳门
'echarts/chart/line',
'echarts/chart/bar',
'echarts/chart/pie'
],
out: 'echarts-map.js'
}
\ No newline at end of file
/*
* 图表按需加载,如需链接带入相关图表,选择性打开echarts.js中build注释内图表引用
*/
{
// appDir: './',
baseUrl: '../src',
optimize: 'none', // 是否压缩
name: 'echarts',
packages: [
{
name: 'zrender',
location: '../../zrender/src',
main: 'zrender'
},
{
name: 'echarts',
location: '.',
main: 'echarts'
}
],
include:[
'echarts/chart/scatter',
'echarts/chart/k',
'echarts/chart/radar',
'echarts/chart/force',
'echarts/chart/map',
'echarts/util/mapData/china/0', // 全国
'echarts/util/mapData/china/65', // 新疆
'echarts/util/mapData/china/54', // 西藏
'echarts/util/mapData/china/15', // 内蒙古
'echarts/util/mapData/china/63', // 青海
'echarts/util/mapData/china/51', // 四川
'echarts/util/mapData/china/23', // 黑龙江
'echarts/util/mapData/china/62', // 甘肃
'echarts/util/mapData/china/53', // 云南
'echarts/util/mapData/china/45', // 广西
'echarts/util/mapData/china/43', // 湖南
'echarts/util/mapData/china/61', // 陕西
'echarts/util/mapData/china/44', // 广东
'echarts/util/mapData/china/22', // 吉林
'echarts/util/mapData/china/13', // 河北
'echarts/util/mapData/china/42', // 湖北
'echarts/util/mapData/china/52', // 贵州
'echarts/util/mapData/china/37', // 山东
'echarts/util/mapData/china/36', // 江西
'echarts/util/mapData/china/41', // 河南
'echarts/util/mapData/china/21', // 辽宁
'echarts/util/mapData/china/14', // 山西
'echarts/util/mapData/china/34', // 安徽
'echarts/util/mapData/china/35', // 福建
'echarts/util/mapData/china/33', // 浙江
'echarts/util/mapData/china/32', // 江苏
'echarts/util/mapData/china/50', // 重庆
'echarts/util/mapData/china/64', // 宁夏
'echarts/util/mapData/china/46', // 海南
'echarts/util/mapData/china/71', // 台湾
'echarts/util/mapData/china/11', // 北京
'echarts/util/mapData/china/12', // 天津
'echarts/util/mapData/china/31', // 上海
'echarts/util/mapData/china/81', // 香港
'echarts/util/mapData/china/82', // 澳门
'echarts/chart/line',
'echarts/chart/bar',
'echarts/chart/pie'
],
out: 'echarts-original-map.js'
}
\ No newline at end of file
/*
* 图表按需加载,如需链接带入相关图表,选择性打开echarts.js中build注释内图表引用
*/
{
// appDir: './',
baseUrl: '../src',
optimize: 'none', // 是否压缩
name: 'echarts',
packages: [
{
name: 'zrender',
location: '../../zrender/src',
main: 'zrender'
},
{
name: 'echarts',
location: '.',
main: 'echarts'
}
],
include:[
'echarts/chart/scatter',
'echarts/chart/k',
'echarts/chart/radar',
'echarts/chart/force',
/*
'echarts/chart/map',
'echarts/util/mapData/china/0', // 全国
'echarts/util/mapData/china/65', // 新疆
'echarts/util/mapData/china/54', // 西藏
'echarts/util/mapData/china/15', // 内蒙古
'echarts/util/mapData/china/63', // 青海
'echarts/util/mapData/china/51', // 四川
'echarts/util/mapData/china/23', // 黑龙江
'echarts/util/mapData/china/62', // 甘肃
'echarts/util/mapData/china/53', // 云南
'echarts/util/mapData/china/45', // 广西
'echarts/util/mapData/china/43', // 湖南
'echarts/util/mapData/china/61', // 陕西
'echarts/util/mapData/china/44', // 广东
'echarts/util/mapData/china/22', // 吉林
'echarts/util/mapData/china/13', // 河北
'echarts/util/mapData/china/42', // 湖北
'echarts/util/mapData/china/52', // 贵州
'echarts/util/mapData/china/37', // 山东
'echarts/util/mapData/china/36', // 江西
'echarts/util/mapData/china/41', // 河南
'echarts/util/mapData/china/21', // 辽宁
'echarts/util/mapData/china/14', // 山西
'echarts/util/mapData/china/34', // 安徽
'echarts/util/mapData/china/35', // 福建
'echarts/util/mapData/china/33', // 浙江
'echarts/util/mapData/china/32', // 江苏
'echarts/util/mapData/china/50', // 重庆
'echarts/util/mapData/china/64', // 宁夏
'echarts/util/mapData/china/46', // 海南
'echarts/util/mapData/china/71', // 台湾
'echarts/util/mapData/china/11', // 北京
'echarts/util/mapData/china/12', // 天津
'echarts/util/mapData/china/31', // 上海
'echarts/util/mapData/china/81', // 香港
'echarts/util/mapData/china/82', // 澳门
*/
'echarts/chart/line',
'echarts/chart/bar',
'echarts/chart/pie'
],
out: 'echarts-original.js'
}
\ No newline at end of file
node r.js -o build.js
node r.js -o build-original.js
node r.js -o build-map.js
node r.js -o build-original-map.js
\ No newline at end of file
......@@ -21,7 +21,7 @@
include:[
'echarts/chart/scatter',
'echarts/chart/k',
//'echarts/chart/radar',
'echarts/chart/radar',
'echarts/chart/force',
/*
'echarts/chart/map',
......
此差异已折叠。
此差异已折叠。
此差异已折叠。
因为 它太大了无法显示 source diff 。你可以改为 查看blob
......@@ -60,5 +60,5 @@
}(window.jQuery);
var lrl = document.getElementById('last-release-link');
lrl.href = 'https://github.com/ecomfe/echarts/archive/1.1.2.zip';
lrl.innerHTML = 'ZIP (1.1.2)'
\ No newline at end of file
lrl.href = 'https://github.com/ecomfe/echarts/archive/1.2.0.zip';
lrl.innerHTML = 'ZIP (1.2.0)'
\ No newline at end of file
require.config({
paths:{
echarts:'example/www/js/echarts',
'echarts/chart/bar' : 'example/www/js/echarts',
'echarts/chart/line': 'example/www/js/echarts'
}
});
require(
[
'echarts',
'echarts/chart/bar',
'echarts/chart/line'
],
function(ec) {
myChart = ec.init(document.getElementById('main'));
option = {
title : {
text: 'Data Dancing',
x: 'center',
textStyle: {
fontSize: 28
}
},
toolbox: {
show : true,
feature : {
mark : true,
magicType:['line', 'bar'],
restore : true,
saveAsImage : true
}
},
xAxis : [
{
type : 'category',
axisLabel:{formatter:' '},
data : (function() {
var res = [];
for (var i = 0; i < 30; i++) {
res.push(i);
}
return res;
})()
}
],
yAxis : [
{
type : 'value',
splitNumber:6,
min:-30,
max:30,
power:1,
splitArea : {show : true}
}
],
animationDuration: 3000,
animationEasing: 'BounceOut',
addDataAnimation : false,
series : [
{
name:'1',
type:'bar',
itemStyle: {normal: {areaStyle: {type: 'default'}}},
symbol:'none',
barMinHeight:0,
data : dataDanceing[Math.floor(Math.random()*3)](1)
},
{
name:'2',
type:'bar',
itemStyle: {normal: {areaStyle: {type: 'default'}}},
symbol:'none',
barMinHeight:0,
data : dataDanceing[Math.floor(Math.random()*3)](-1)
}
]
};
danceStep1 = option.series[0].data;
danceStep2 = option.series[1].data;
start(ecReady = true);
}
);
// ------------------------------------
var dataDanceing = [
function(n) {
var res = [];
var p = Math.round(Math.random()*10) % 2 == 0;
for (var i = 0; i < 30; i++) {
res[p ? 'push' : 'unshift'](i * n);
}
//console.log('1--',res);
return res;
},
function(n) {
var res = [];
var p = Math.round(Math.random()*10) % 2 == 0;
for (var i = 0; i < 30; i++) {
i % 2 == 0
? res[p ? 'push' : 'unshift']((p ? i : (30 - i)) * n)
: res[p ? 'unshift' : 'push']((p ? i : (30 - i)) * n);
}
//console.log('2--',res);
return res;
},
function(n) {
var res = [];
var p = Math.round(Math.random()*10) % 2 == 0;
for (var i = 0; i < 60; i++) {
res[p ? 'push' : 'unshift']((i - 30) * n);
}
//console.log('3--',res);
return res;
},
function(n) {
var res = [];
var p = Math.round(Math.random()*10) % 2 == 0;
for (var i = 0; i < 30; i++) {
res[p ? 'push' : 'unshift']((i * n) * (i % 2 == 0 ? 1 : -1));
}
//console.log('3--',res);
return res;
}
];
var myChart;
var option;
var ecReady = false;
var password = false;
var mReady = false;
var danceStep1;
var danceStep2;
var timeTicket;
var playing = false;
function start(){
if (ecReady && password && mReady && !playing) {
if (!document.createElement('canvas').getContext) {
alert('亲,换个浏览器吧');
password = false;
playing = false;
return;
}
document.getElementById('main-wrap').className = 'ddshow';
audioV3.play();
playing = true;
myChart.setOption(option, true);
setTimeout(function(){
timeTicket = setInterval(function(){
if (danceStep1.length == 0 && playing) {
danceStep1 = dataDanceing[Math.floor(Math.random()*dataDanceing.length)](Math.round(Math.random()*10)%2==0?1:-1);
}
if (danceStep2.length == 0 && playing) {
danceStep2 = dataDanceing[Math.floor(Math.random()*dataDanceing.length)](Math.round(Math.random()*10)%2==0?1:-1);
}
if (danceStep1.length > 0 && danceStep2.length) {
// 动态数据接口 addData
myChart.addData([
[
0, // 系列索引
danceStep1.pop(), // 新增数据
false, // 新增数据是否从队列头部插入
false // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
],
[
1, // 系列索引
danceStep2.pop(), // 新增数据
false, // 新增数据是否从队列头部插入
false, // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
]
]);
}
else {
clearInterval(timeTicket);
setTimeout(function(){
option.series[0].data = dataDanceing[1](1);
option.series[1].data = dataDanceing[1](-1);
var _backupSeries = option.series;
var es = [[],[2,3,4,5,6,7,8],[2,5,8],[2,5,8],[],[3,4,5,6,7],[2,8],[2,8],[],[2,3,4,5,6,7,8],[5],[2,3,4,5,6,7,8],[],[4,5,6,7,8],[2,3,6],[4,5,6,7,8],[],[2,3,4,5,6,7,8],[2,5],[2,3,4,6,7,8],[],[2],[2,3,4,5,6,7,8],[2],[],[3,4,8],[2,5,8],[2,6,7]];
var data= [];
for (var i = 0, l = es.length; i < l; i++) {
for (var j = 0, k = es[i].length; j < k; j++) {
data.push([i + 1, 4.5 * (8 - es[i][j]) + 2, 1])
}
}
option.series = [
{
type:'scatter',
symbol:'rectangle',
symbolSize:6,
data: data.splice(0,13)
},
{
type:'scatter',
symbol:'circle',
symbolSize:6,
data: data
},
{
type:'bar',
itemStyle: {normal: {
color: (function(){
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
0, 200, 0, 400,
[[0, 'rgba(144,238,144,0.8)'],[0.8, 'rgba(255,255,0,0.8)']]
);
})(),
areaStyle: {type: 'default'}
}},
symbol:'none',
barMinHeight:0,
data : dataDanceing[1](-1)
}
];
option.title.text= 'Welcome';
myChart.setOption(option, true);
option.series = _backupSeries;
option.title.text = 'Data Dancing';
},500);
}
}, 100);
},3800);
}
}
// --------------------
var audioV3 = document.getElementById('audioV3');
audioV3.addEventListener && audioV3.addEventListener(
'ended',
function(){
playing = false;
}
)
audioV3.addEventListener && audioV3.addEventListener(
'canplaythrough',
function() {
start(mReady = true);
}
);
audioV3.src = 'asset/img/dataDancing.mp3';
// -----------
var k = [101,99,104,97,114,116,115];
var progress = 0;
document.body.addEventListener && document.body.addEventListener(
'keypress',
function(p) {
var curCode = p.keyCode;
if (k[progress] == p.keyCode) {
progress++;
}
else {
progress = 0;
}
progress == k.length && start(password = true, progress = 0);
}
)
\ No newline at end of file
......@@ -92,7 +92,7 @@ else {
'echarts/chart/scatter': fileLocation,
'echarts/chart/k': fileLocation,
'echarts/chart/pie': fileLocation,
// 'echarts/chart/radar': fileLocation,
'echarts/chart/radar': fileLocation,
'echarts/chart/map': fileLocation,
'echarts/chart/force': fileLocation
}
......@@ -108,7 +108,6 @@ require(
'echarts/chart/scatter',
'echarts/chart/k',
'echarts/chart/pie',
'echarts',
'echarts/chart/radar',
'echarts/chart/force',
needMap() ? 'echarts/chart/map' : 'echarts'
......
......@@ -14,10 +14,23 @@
<!-- Fav and touch icons -->
<link rel="shortcut icon" href="asset/ico/favicon.png">
<style type="text/css">
.ddhide {
height:0;
overflow:hidden;
}
.ddshow {
height:400px;
overflow:hidden;
transition:height 2s;
-moz-transition:height 2s;
-webkit-transition:height 2s;
-o-transition:height 2s;
}
</style>
</head>
<body>
<!-- NAVBAR
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top">
......@@ -60,14 +73,29 @@
</div><!-- /.navbar-wrapper -->
<div class="container">
<div id="main-wrap" class="ddhide">
<div id="main" style="height:400px;"></div>
</div>
<audio id="audioV3"></audio>
<h2>修改记录</h2>
<span>[+]新增 [-]删除 [^]升级 [#]修复 【】重要</span>
<div class="row-fluid">
<div>
<h3>undergoing<small>(2013-08-00</small></h3>
<h3>1.2.0<small>(2013-09-13</small></h3>
<ul>
<li>[^] 批量删除shape优化</li>
<li>【+】 [radar] 雷达图</li>
<li>【+】 动态数据添加接口及动画支持 support <a href="https://github.com/ecomfe/echarts/issues/45" target="_blank">this 》</a></li>
<li>【+】 [map] 数据压缩算法(1.65M > 350K)、动态加载</li>
<li>[+] [polar] 极坐标</li>
<li>[^] [grid] 直角坐标系网格自适应配置优化, support <a href="http://www.oschina.net/question/1255841_123578" target="_blank">this 》</a></li>
<li>[^] [dataZoom] zoomLock下手柄拖拽转移以提高用户体验</li>
<li>[^] [tooltip] 全局mouseout、层级优化</li>
<li>[+] [line] showAllSymbol控制显示所有拐点标识</li>
<li>[^] refresh接口优化</li>
<li>[#] 修复组件resize响应 fix <a href="https://github.com/ecomfe/echarts/issues/68" target="_blank">this 》</a></li>
<li>[#] [legend] 饼图个性化颜色取值错误,fix <a href="http://www.oschina.net/question/209138_125256" target="_blank">this 》</a></li>
<li>[#] [tooltip] 数组类型数值类型打包错误,fix <a href="https://github.com/ecomfe/echarts/issues/82" target="_blank">this 》</a></li>
<li>[?] 依赖升级,<a href="http://ecomfe.github.io/zrender/" target="_blank">ZRender</a> 1.0.3+</li>
</ul>
</div>
<div>
......@@ -170,6 +198,8 @@
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="asset/js/esl/esl.js"></script>
<script src="asset/js/dataDancing.js"></script>
<script src="asset/js/jquery.js"></script>
<script src="asset/js/bootstrap-transition.js"></script>
<script src="asset/js/bootstrap-alert.js"></script>
......@@ -183,6 +213,5 @@
<script src="asset/js/bootstrap-collapse.js"></script>
<script src="asset/js/bootstrap-carousel.js"></script>
<script src="asset/js/bootstrap-typeahead.js"></script>
</body>
</html>
......@@ -109,6 +109,7 @@
<li><a href="#AxisSplitarea">splitArea</a></li>
<li><a href="#AxisData">data</a></li>
</ul>
<li><a href="#Polar">polar</a></li>
<li><a href="#Series">series</a></li>