介绍工具箱:{
显示:没错,
特点:{
dataView: {
显示:没错,
标题:& # 39;数据视图& # 39;,
optionToContent:函数(选择){
var axisData=https://www.yisu.com/zixun/opt.xAxis [0] . data;
var=opt.series系列;
var tdHeads=' 名称 ';
系列。forEach(函数(项){
tdHeads +=“+ item.name +“”;
}）;
var表=' <边界表==?”风格”margin-left: 20 px; border-collapse:崩溃;字体大小:14 px; text-align:中心”> ' + tdHeads +“ ”;
var tdBodys=";
(var=0, l=axisData.length;我”;
其他}{
tdBodys +=' ' +系列[j] . data(我)+“ ”;
}
}
表+=' “+ axisData[我]+” + tdBodys +“ ”;
tdBodys=";
}
表+= ”;
返回表;
}
}，
马克:{显示:真},
恢复:{显示:真},
magicType:{类型:(“线”、“酒吧”,“派”)},
saveAsImage:{显示:真}
}
}
这篇文章将为大家详细讲解有关echarts怎么优化数据视图dataView样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在使用echart过程中,工具箱里有个dataView视图模式,里面的数据没有对整,影响展示效果,情形如下:
改问题解决方案为,在optionTocontent回调函数中处理,具体代码如下:
修改后的效果为:
关于echarts怎么优化数据视图dataView样式就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
