提交 b3379dc2 编写于 作者: K kener

chord tooltip

上级 b5f881d4
......@@ -1086,7 +1086,7 @@ feature : {
<li>折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无)</li>
<li>散点图(气泡)图 : a(系列名称),b(数据名称),c(数值数组), d(无)</li>
<li>饼图、雷达图 : a(系列名称),b(数据项名称),c(数值), d(百分比)</li>
<li>弦图 : a(系列名称),b(源数据项名称),c(源数据项值), d(目标数据项名称), e(目标数据项值)</li>
<li>弦图 : a(系列名称),b(源数据项名称),c(源数据项值),d(目标数据项名称), e(目标数据项值)</li>
</ul>
</li>
</ul>
......
......@@ -75,8 +75,7 @@ option = {
y:'bottom'
},
tooltip : {
trigger: 'item',
formatter: '{b}'
trigger: 'item'
},
legend: {
x: 'left',
......@@ -87,19 +86,18 @@ option = {
type:'chord',
sort : 'ascending',
sortSub : 'descending',
data : [{
name : 'g1'
}, {
name : 'g2'
}, {
name : 'g3'
}, {
name : 'g4'
}],
showScale : true,
showScaleText : true,
data : [
{name : 'g1'},
{name : 'g2'},
{name : 'g3'},
{name : 'g4'}
],
itemStyle : {
normal : {
label : {
color : 'blue'
show : false
}
}
},
......
......@@ -75,8 +75,8 @@ option = {
y:'bottom'
},
tooltip : {
trigger: 'item',
formatter: '{b} {a} {d}'
trigger: 'item'
//formatter: '{b} {a} {d}'
},
legend : {
data : [
......
......@@ -570,6 +570,9 @@ define(function (require) {
* @param {Object} itemShape
*/
function getItemShape(name) {
if (typeof name == 'undefined') {
return;
}
var shape;
for (var i = 0, l = self.shapeList.length; i < l; i++) {
shape = self.shapeList[i];
......
......@@ -573,7 +573,7 @@ define(function (require) {
: '-';
params.push([
seriesArray[i].name,
seriesArray[i].name || '',
categoryAxis.getNameByIndex(dataIndex),
data
]);
......@@ -591,7 +591,7 @@ define(function (require) {
for (var i = 0, l = seriesArray.length; i < l; i++) {
formatter = formatter.replace(
'{a' + i + '}',
_encodeHTML(seriesArray[i].name)
_encodeHTML(seriesArray[i].name || '')
);
formatter = formatter.replace(
'{b' + i + '}',
......@@ -617,7 +617,8 @@ define(function (require) {
);
for (var i = 0, l = seriesArray.length; i < l; i++) {
formatter += '<br/>' + _encodeHTML(seriesArray[i].name)
formatter += '<br/>'
+ _encodeHTML(seriesArray[i].name || '')
+ ' : ';
data = seriesArray[i].data[dataIndex];
data = typeof data != 'undefined'
......@@ -706,8 +707,7 @@ define(function (require) {
: {name:'', value: {dataIndex:'-'}};
params.push([
typeof seriesArray[i].name != 'undefined'
? seriesArray[i].name : '',
seriesArray[i].name || '',
data.name,
data.value[dataIndex],
indicatorName
......@@ -786,7 +786,7 @@ define(function (require) {
var data = ecData.get(_curTarget, 'data');
var name = ecData.get(_curTarget, 'name');
var value = ecData.get(_curTarget, 'value');
var speical = ecData.get(_curTarget, 'special');
var special = ecData.get(_curTarget, 'special');
// 从低优先级往上找到trigger为item的formatter和样式
var formatter;
var showContent;
......@@ -831,15 +831,15 @@ define(function (require) {
}
if (typeof formatter == 'function') {
_curTicket = serie.name
_curTicket = (serie.name || '')
+ ':'
+ ecData.get(_curTarget, 'dataIndex');
_tDom.innerHTML = formatter(
[
serie.name,
serie.name || '',
name,
value,
speical
special
],
_curTicket,
_setContent
......@@ -849,45 +849,71 @@ define(function (require) {
_curTicket = NaN;
formatter = formatter.replace('{a}','{a0}')
.replace('{b}','{b0}')
.replace('{c}','{c0}')
.replace('{d}','{d0}');
formatter = formatter.replace('{a0}', _encodeHTML(serie.name))
.replace('{c}','{c0}');
formatter = formatter.replace(
'{a0}', _encodeHTML(serie.name || '')
)
.replace('{b0}', _encodeHTML(name))
.replace('{c0}', value);
if (typeof speical != 'undefined') {
formatter = formatter.replace('{d0}', speical);
}
formatter = formatter.replace('{d}','{d0}')
.replace('{d0}', special || '');
formatter = formatter.replace('{e}','{e0}')
.replace('{e0}', ecData.get(_curTarget, 'special2') || '');
_tDom.innerHTML = formatter;
}
else {
_curTicket = NaN;
if (serie.type == ecConfig.CHART_TYPE_SCATTER) {
_tDom.innerHTML = _encodeHTML(serie.name) + '<br/>' +
(name === ''
? '' : (_encodeHTML(name) + ' : ')
_tDom.innerHTML = (typeof serie.name != 'undefined'
? (_encodeHTML(serie.name) + '<br/>')
: ''
)
+ (name === ''
? '' : (_encodeHTML(name) + ' : ')
)
+ value
+ (typeof speical == 'undefined'
+ (typeof special == 'undefined'
? ''
: (' (' + speical + ')'));
: (' (' + special + ')'));
}
else if (serie.type == ecConfig.CHART_TYPE_RADAR) {
indicator = speical;
html += _encodeHTML(name === '' ? serie.name : name) + '<br />';
indicator = special;
html += _encodeHTML(
name === '' ? (serie.name || '') : name
);
html += html === '' ? '' : '<br />';
for (var i = 0 ; i < indicator.length; i ++) {
html += _encodeHTML(indicator[i].text) + ' : '
+ value[i] + '<br />';
}
_tDom.innerHTML = html;
}
else if (serie.type == ecConfig.CHART_TYPE_CHORD) {
var special2 = ecData.get(_curTarget, 'special2');
if (typeof special2 == 'undefined') {
// 外环上
_tDom.innerHTML = _encodeHTML(name) + ' (' + value + ')';
}
else {
// 内部弦上
_tDom.innerHTML = (typeof serie.name != 'undefined'
? (_encodeHTML(serie.name) + '<br/>')
: '')
+ _encodeHTML(name) + ' (' + value + ')'
+ ' : '
+ _encodeHTML(special) + ' (' + special2 + ')';
}
}
else {
_tDom.innerHTML = _encodeHTML(serie.name) + '<br/>' +
_encodeHTML(name) + ' : ' + value +
(typeof speical == 'undefined'
_tDom.innerHTML = (typeof serie.name != 'undefined'
? (_encodeHTML(serie.name) + '<br/>')
: '')
+ _encodeHTML(name) + ' : ' + value +
(typeof special == 'undefined'
? ''
: (' (' + speical + ')'));
: (' (' + special + ')'));
}
}
......
......@@ -671,7 +671,7 @@ define(function() {
sortSub : 'none', // can be 'none', 'ascending', 'descending'
startAngle : 90,
clockWise : false,
showScale : true,
showScale : false,
showScaleText : false,
itemStyle : {
normal : {
......
......@@ -15,8 +15,11 @@ define(function() {
* @param {number | Object} data
* @param {number} dataIndex
* @param {*=} special
* @param {*=} special2
*/
function pack(shape, series, seriesIndex, data, dataIndex, name, special) {
function pack(
shape, series, seriesIndex, data, dataIndex, name, special, special2
) {
var value;
if (typeof data != 'undefined') {
if (typeof data.value != 'undefined') {
......@@ -34,7 +37,8 @@ define(function() {
'_dataIndex' : dataIndex,
'_name' : name,
'_value' : value,
'_special' : special
'_special' : special,
'_special2' : special2
};
return shape._echartsData;
}
......@@ -65,6 +69,8 @@ define(function() {
return data && data._value;
case 'special' :
return data && data._special;
case 'special2' :
return data && data._special2;
}
return null;
......@@ -100,6 +106,9 @@ define(function() {
case 'special' :
shape._echartsData._special = value;
break;
case 'special2' :
shape._echartsData._special2 = value;
break;
}
}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册