Amcharts 中的滚动条默认是与所有轴相关联的,但我们可以通过以下方式将其限制为只与一个轴相关联。
var valueAxis2 = new AmCharts.ValueAxis();
valueAxis2.position = "right";
chart.addValueAxis(valueAxis2);
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "light",
"dataProvider": chartData,
"valueAxes": [{
"position": "left"
}, {
"position": "right",
"id": "valueAxis2"
}],
"graphs": [{
"valueAxis": "valueAxis1",
"valueField": "value1"
}, {
"valueAxis": "valueAxis2",
"valueField": "value2"
}],
"chartScrollbar": {
"dragIcon": "dragIconRectSmall",
"graph": "g1",
"graphType": "line",
"scrollbarHeight": 20
}
});
在图表配置中,我们使用 graphs 属性来定义每个数据系列。注意 valueAxis 属性如何与每个数据系列关联。在滚动条配置中,我们使用 graph 属性来指定要滚动的数据系列。