1.添加自定控件
2. 设置数据源
3. 编写HTML脚本
Code Block | ||
---|---|---|
| ||
<div id="chart_11003" style="width:100%;height:100%;">
</div> |
4. 编写Javascript脚本
Code Block | ||
---|---|---|
| ||
var chartData = [];
console.log(scope.data);
console.log(scope.dimensions);
console.log(scope.measures);
for(var i = 0; i < scope.data.length; i++){
var row = scope.data[i];
chartData.push({
name: row[scope.dimensions[scope.dimensions.length-1].name],
value: row[scope.measures[0].name],
value2: row[scope.measures[1].name]
});
}
option = {
tooltip: {
formatter: function(item){
console.log(item);
return item.name+"<br/>"+(item.value/10000).toFixed(2)+"万"+"<br/>("+(item.data.value2*100).toFixed(2)+"%)";
}
},
series: [{
type: 'treemap',
breadcrumb: {
show: false
},
left:0,
top:0,
right:0,
bottom:0,
roam: false,
nodeClick: false,
zoomToNodeRatio: false,
tooltip: {
show: true
},
data: chartData
}]
};
var chart = echarts.init($("#chart_11003")[0]);
chart.setOption(option);
|