/*以下是模拟数据*/
var realDatas = [];
var data1 = [12,21];
var data2 = [32,23];
var data3 = [31,13];
var data4 = [41,14];
realDatas.push(data1);
realDatas.push(data2);
realDatas.push(data3);
realDatas.push(data4);
/*以上是模拟数据*/
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter:function(params){
console.log(params);
return realDatas[params[0].dataIndex];
}
},
legend: {
data: ['实际', '计划']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['周一','周二','周三','周四']
},
series: [
{
value:[2.1,3.2,4.3,5.4],
name: '实际',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight',
/*使用formatter*/
/*formatter:function(realData){
var result=realData[0];
return [1,2,3,4];
}*/
}
},
data: [55, 44, 63, 60]
},
{
value:[1.2,2.3,3.4,4.5],
name: '计划',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data: [45, 56, 37, 40]
}
]
};
echarts 如何在柱状图显示自己想要展示的数据。
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- “他也就是走了狗屎运?” 醉醺醺的C君对我吐出了这番心里话。 C君是我大学时班里的学霸,在校期间非常刻苦,每天不是...