echart Y轴显示不正常

冰水混合 2016-05-27 05:59:46
Y轴刻度被吃了一部分,因为数值太大,显示不正常如图:

实际数据是这样的

怎么把被隐藏的显示出来,代码如下
function load(url,domName,title,legend,xAxis,yValue,name) {
// 路径配置
require.config({
paths: {
echarts: '/xParPlus/echarts/build/dist/'
}
});
var curTheme;
require(['/xParPlus/echarts/doc/example/theme/green'], function(tarTheme){
curTheme = tarTheme;
});
require(
[
'echarts',
'echarts/chart/bar',
'echarts/chart/line'
],
function (ec) {
var myChart = ec.init(document.getElementById(domName),curTheme);
var option = {
title : {
text: title,
textStyle:{
fontSize:10
}
},
tooltip : {
trigger: 'axis'
},
legend: {
x:'left',
data:legend
},
grid:{
x:30,
y:50,
x2:0,
y2:30
},
toolbox: {
show : true,
feature : {
mark : {show: false},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar','pie']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : xAxis
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:name,
type:'bar',
data:yValue
},
]
};
myChart.setOption(option);
}
);
}



html为:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>EffectiveDuration</title>
<script type="text/javascript">
function getQueryStr(sArgName)

}
</script>
</head>
<body>
<div id="main" style="width:100%;height:220px"></div>
<script src="/xParPlus/echarts/build/dist/echarts.js"></script>
<script src="/xParPlus/RISKJS/sensitivity/sensitivityAnalysis/Bar.js"></script>
<script type="text/javascript">
var title="";
var name = "规模";
var legend=['规模'];
var xAxis = decodeURI(getQueryStr("xValue")).split(",");
var yValue = getQueryStr("yValue").split(",");
load("","main",title,legend,xAxis,yValue,name)
</script>
</body>
...全文
5887 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
亲,看你一直,没有结贴,我把我解决的方案告诉你吧; grid:{ left:'5%',//组件距离容器左边的距离 right:'4%', bottom:'7%', }, 这三个数值随你自己设置,就是组件距离div的距离了,距离适中就不会出现刻度被吃掉的现象了ps:该配置写在option里面,也可以去echart的配置文档看看
qq_33658554 2016-06-23
  • 打赏
  • 举报
回复
div 高度设置的高一点
olives_jay 2016-06-03
  • 打赏
  • 举报
回复
把Y轴换成X轴
冰水混合 2016-06-02
  • 打赏
  • 举报
回复
其中有一个grid属性,可以控制图形四周边距
冰水混合 2016-06-01
  • 打赏
  • 举报
回复
那么高的分怎么没人出头呢!!!!!

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧