Skip to end of metadata
Go to start of metadata

 

1.添加自定控件

 

2. 设置数据源

 

 

3. 编写HTML脚本

 

 

<div id="chart_11003" style="width:100%;height:100%;">
</div>

 

 

 

4. 编写Javascript脚本

 

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);

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • No labels