Javascript 从百度搜索栏和线图问题
我刚刚开始研究Echarts并实现了一些图表。 我必须为客户的网站实现一个图表。 我遇到的问题是我的酒吧一个接一个, 如果值小于这个值,我就看不到后面的条 这是我的密码:Javascript 从百度搜索栏和线图问题,javascript,echarts,Javascript,Echarts,我刚刚开始研究Echarts并实现了一些图表。 我必须为客户的网站实现一个图表。 我遇到的问题是我的酒吧一个接一个, 如果值小于这个值,我就看不到后面的条 这是我的密码: var提供程序=['JD','JR']; 选项={ 标题:{ }, 工具提示:{ 触发器:“轴” }, 工具箱:{ 秀:没错, 特色:{ 标记:{show:true}, 数据视图:{show:true,readOnly:false}, magicType:{show:true,type:['line','bar']}, 还原
var提供程序=['JD','JR'];
选项={
标题:{
},
工具提示:{
触发器:“轴”
},
工具箱:{
秀:没错,
特色:{
标记:{show:true},
数据视图:{show:true,readOnly:false},
magicType:{show:true,type:['line','bar']},
还原:{show:true},
saveAsImage:{show:true}
}
},
可计算的:是的,
图例:{
数据:['2012','2013','Baseline']
},
xAxis:[
{
类型:“值”,
分:0,,
max:provider.length,
比例:对,
splitNumber:provider.length,
axisLabel:{
格式化程序:函数(v){
如果(v!=0)
返回提供程序[v-1];
其他的
返回;}
}
}
],
亚克斯:[
{
类型:“值”,
名称:“”,
比例:对,
分:0,,
最高:100,
电话号码:10,,
axisLabel:{
格式化程序:“{value}%”
}
},
],
系列:[
{
名称:'基线',
类型:'行',
数据:[[1,30],[2,10],[1,20],[2,33.33]
]
},
{
名称:'2012',
类型:'bar',
条宽:30,
数据:[[1,35],[2,50],
},
{
名称:'2013',
类型:'bar',
条宽:30,
数据:[[1,30],[2,33.33],
}
]
};
将x轴的类型更改为类别
,而不是值
:
option.xAxis[0].type = 'category';
或者,可以在序列中使用set
stack
属性。
如果堆栈对于两个系列具有相同的值,则它们将显示在彼此的顶部,这使图表更加紧凑,并且仍然可读
series : [
{
name:'Baseline',
type:'line',
stack: 'total',
data:[ [1,30],[2,10],[1,20],[2,33.33] ]
},
{
name:'2012',
type:'bar',
stack: 'total',
barWidth: 30,
data:[[1,35],[2,50]],
},
{
name:'2013',
type:'bar',
stack: 'total',
barWidth: 30,
data:[[1,30],[2,33.33]],
}
]