echars 柱图X轴滑动鼠标显示所有柱图
由于X轴科室很多,所以做了拖动鼠标可以查看所有的科室信息,滑动滚轮要吧改变柱状图的大小多少。主要是添加 dataZoom节点
dataset节点,是加载数据为键值对类型,
encode:{
x:‘deptname’,
y:‘visit’
},
节点为dataset里数据的 key值对应的 x,y轴的数据
formatter:’{@reg}’ 节点中reg也为dataset里数据的
$(function(){
charts1 = echarts.init(document.getElementById('chart01'),'light');
chartsColumnOptionsDouble(charts1, char1,"门诊量","就诊量", '人', "data2",'XX年门诊量');
});
/*柱状双柱*/
function chartsColumnOptionsDouble(containerid, data1, title1,title2, unit, data2,orgname ) {
option = {
tooltip : {
trigger : 'axis',
axisPointer : {
type : 'cross',
crossStyle : {
color : '#999'
}
}
},
legend : {
data : [title1,title2 ],
show:true
},
dataZoom:[{
startValue: 0, // 从头开始。
endValue: 10,