Javascript 数据上的x轴符号在Echarts中滚动不正确。

Javascript 数据上的x轴符号在Echarts中滚动不正确。,javascript,jquery,charts,echarts,Javascript,Jquery,Charts,Echarts,我正在使用带有x轴符号的echarts js制作一个简单的条形图。我也尝试为xAxis做datascroll,但是当我滚动时,符号位置不会随着滚动而改变。我查阅了echarts的API文档,但什么也没找到。 我正在尝试这个 var advertLineChart=document.getElementById('advertLineChart'); var myAdvertLineChart=echart.init(advertLineChart); 创建线条图(); 函数createAdve

我正在使用带有x轴符号的echarts js制作一个简单的条形图。我也尝试为xAxis做datascroll,但是当我滚动时,符号位置不会随着滚动而改变。我查阅了echarts的API文档,但什么也没找到。 我正在尝试这个

var advertLineChart=document.getElementById('advertLineChart');
var myAdvertLineChart=echart.init(advertLineChart);
创建线条图();
函数createAdvertLineChart(){
var选项={
标题:{
x:'中心',
正文:“电子艺界”例子个数统计',
潜台词:“彩虹条示例”,
链接:'http://echarts.baidu.com/doc/example.html'
},
工具提示:{
触发器:“项目”
},
工具箱:{
秀:没错,
方向:'垂直',
y:'中间',
项目规模:12,
特色:{
标记:{
秀:没错,
标题:{
标记:“创建线标记”,
markUndo:“撤消行标记”,
markClear:“清除所有线标记”
},
线型:{
宽度:2,
颜色:“#1e90ff”,
键入:“虚线”
}
},
数据缩放:{
秀:没错,
标题:{
dataZoom:“数据缩放”,
dataZoomReset:“数据缩放重置”
}
},
数据视图:{
秀:没错,
标题:“显示数据”,
只读:false,
lang:[“数据视图”、“关闭”、“刷新”]
},
magicType:{
秀:没错,
类型:['line','bar'],
标题:{
行:“线视图”,
酒吧:“酒吧视图”
}
},
恢复:{
秀:没错,
标题:“恢复”
},
保存图像:{
秀:没错,
标题:“另存为图像”,
lang:[“单击保存”]
}
}
},
数据缩放:{
秀:没错,
实时:是的,
showDetail:没错,
//方向:“垂直”、“水平”
//x:0,,
y:36,
//宽度:400,
身高:20,
//背景颜色:“rgba(221160221,0.5)”,
//dataBackgroundColor:“rgba(138,43226,0.5)”,
//圆角颜色:“rgba(38143,26,0.6)”,
//手绘颜色:“rgba(128,43,16,0.8)”,
//xAxisIndex:[],
//yAxisIndex:[],
开始:40,
完:70,,
zoomLock:对
},
可计算的:是的,
网格:{
边框宽度:0,
y:80,
y2:60
},
xAxis:[{
类型:'类别',
秀:假,,
数据:['Line'、'Bar'、'Scatter'、'K'、'Pie'、'Radar'、'Chord'、'Force'、'Map'、'Gauge'、'Gauge'、'cannel'、'Line1'、'Bar1'、'Scatter1'、'K1'、'Pie1'、'Force1'、'Map1'、'Gauge1'、'Funnel1'、'Funnel2'、
}],
亚克斯:[{
类型:“值”,
节目:假
}],
系列:[{
姓名:埃查特例子个数统计',
类型:'bar',
项目样式:{
正常:{
标签:{
秀:没错,
位置:'顶部',
格式化程序:“{b}\n{c}”
}
}
},
数据:[12,21,10,4,12,5,6,5,25,23,7,12,21,10,4,12,5,6,5,25,23,7,20,100],
标记点:{
工具提示:{
触发器:'item',
背景颜色:“rgba(0,0,0,0)”,
格式化程序:函数(参数){
返回“”;
}
},
数据:[{
xAxis:0,
y:320,
名称:'行',
符号化:16,
符号:'http://localhost:8080/api/advert/image/21af6834-2b44-4217-9516-3b2add06114c.png'
}, {
xAxis:1,
y:320,
名称:'酒吧',
符号化:16,
符号:'http://localhost:8080/api/advert/image/5268c2b2-0b1f-4373-b235-7f71b6bb4290.png'
}, {
xAxis:2,
y:320,
名称:'分散',
符号化:16,
符号:'http://localhost:8080/api/advert/image/69a7df86-0bf6-4cea-a6b6-881a4052ec20.png'
}, {
xAxis:3,
y:320,
名称:'K',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/de874b8f-f8df-4905-9650-8efa8f19c015.png'
}, {
xAxis:4,
y:320,
名字:'派',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/b83f4915-8587-4df5-bde6-308ec0f472b3.png'
}, {
xAxis:5,
y:320,
名称:"雷达",,
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/db739705-c9e3-47bd-a3de-7e757ce0c434.png'
}, {
xAxis:6,
y:320,
名称:'和弦',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/131201d2-9154-4391-89e7-73d83c12d33c.png'
}, {
xAxis:7,
y:320,
名称:"部队",,
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/158dd833-a788-4e83-a7fd-ba42addaae31.png'
}, {
xAxis:8,
y:320,
名称:'地图',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/b6933882-f367-419e-8f6e-df65ae74a859.png	'
}, {
xAxis:9,
y:320,
名称:“仪表”,
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/bae5221a-02e7-407a-8fa3-36bb8456dafa.png'
}, {
xAxis:10,
y:320,
名称:'漏斗',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/03dc461c-20fc-49b7-8ef4-59649995fcb8.png'
}, {
xAxis:11,
y:320,
名称:'Line1',
符号化:16,
符号:'http://neoma-server.appspot.com/api/advert/image/03dc461c-20fc-49b7-8ef4-59649995fcb8.png'
}, {
xAxis:12,
y:320,
名称:“Bar1”,