Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从百度搜索栏和线图问题_Javascript_Echarts - Fatal编程技术网

Javascript 从百度搜索栏和线图问题

Javascript 从百度搜索栏和线图问题,javascript,echarts,Javascript,Echarts,我刚刚开始研究Echarts并实现了一些图表。 我必须为客户的网站实现一个图表。 我遇到的问题是我的酒吧一个接一个, 如果值小于这个值,我就看不到后面的条 这是我的密码: var提供程序=['JD','JR']; 选项={ 标题:{ }, 工具提示:{ 触发器:“轴” }, 工具箱:{ 秀:没错, 特色:{ 标记:{show:true}, 数据视图:{show:true,readOnly:false}, magicType:{show:true,type:['line','bar']}, 还原

我刚刚开始研究Echarts并实现了一些图表。 我必须为客户的网站实现一个图表。 我遇到的问题是我的酒吧一个接一个, 如果值小于这个值,我就看不到后面的条

这是我的密码:

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]],
    }
]