Javascript AmCharts:将图表中的所有引出序号显示到x轴
我已经创建了一个具有多个轴的图表。 x轴是最小周期为“秒”的日期。 问题是,它同时只显示一个气球。它应该显示所有气球。(在这种情况下-->2) 数据提供程序中的日期属性:d.Date(新日期(年、月、日、时、月、秒、0)Javascript AmCharts:将图表中的所有引出序号显示到x轴,javascript,charts,amcharts,Javascript,Charts,Amcharts,我已经创建了一个具有多个轴的图表。 x轴是最小周期为“秒”的日期。 问题是,它同时只显示一个气球。它应该显示所有气球。(在这种情况下-->2) 数据提供程序中的日期属性:d.Date(新日期(年、月、日、时、月、秒、0) 。。。 推({ “id”:“v”+i, “axisColor”:“#”+farbcode[i], "厚度":二,, “偏移”:偏移, “gridAlpha”:0, “axisAlpha”:1, “位置”:位置 }); ... 推送({ “valueAxis”:“v”+i, “l
。。。
推({
“id”:“v”+i,
“axisColor”:“#”+farbcode[i],
"厚度":二,,
“偏移”:偏移,
“gridAlpha”:0,
“axisAlpha”:1,
“位置”:位置
});
...
推送({
“valueAxis”:“v”+i,
“lineColor”:ValueAxis[i]。axisColor,
“子弹”:“圆形”,
“BallooText”:“[[value]]
[[DateFormatted]]”,
“厚度”:1,
“HidebulletScont”:30,
“标题”:window.bezei[i],
“valueField”:window.bezei[i],
“填充字母”:0
});
...
window.chart=AmCharts.makeChart(chartid[0].id{
“类型”:“串行”,
“主题”:“光”,
“传奇”:{
“useGraphSettings”:正确
},
“数据提供者”:图表数据,
“ValueAxis”:ValueAxis,
“图形”:图形,
“synchronizeGrid”:正确,
“图表滚动条”:{},
“图表光标”:{
“光标位置”:“鼠标”
},
“类别字段”:“日期”,
“分类法”:{
“minPeriod”:“ss”,
“parseDates”:正确,
“axisColor”:“DADADA”,
“minorGridEnabled”:真
},
“出口”:{
“启用”:正确,
“日期格式”:“YYYY-MM-DD HH:NN:SS”,
“位置”:“右下角”
}
});
我发现了我的问题 我在chartData[]中为每个变量添加了一个元素 我必须把这两个元素结合起来 你的代码对我有用。你能提供一把小提琴重现你的问题吗?
...
valueAxes.push({
"id": "v" + i,
"axisColor": '#' + farbcode[i],
"axisThickness": 2,
"offset": offset,
"gridAlpha": 0,
"axisAlpha": 1,
"position": pos
});
...
graphs.push({
"valueAxis": "v" + i,
"lineColor": valueAxes[i].axisColor,
"bullet": "round",
"balloonText": "<span style='font-size:13px;'><b>[[value]]</b><br>[[dateformated]]</span>",
"bulletBorderThickness": 1,
"hideBulletsCount": 30,
"title": window.bezei[i],
"valueField": window.bezei[i],
"fillAlphas": 0
});
...
window.chart = AmCharts.makeChart(chartid[0].id, {
"type": "serial",
"theme": "light",
"legend": {
"useGraphSettings": true
},
"dataProvider": chartData,
"valueAxes": valueAxes,
"graphs": graphs,
"synchronizeGrid": true,
"chartScrollbar": {},
"chartCursor": {
"cursorPosition": "mouse"
},
"categoryField": "date",
"categoryAxis": {
"minPeriod": "ss",
"parseDates": true,
"axisColor": "#DADADA",
"minorGridEnabled": true
},
"export": {
"enabled": true,
"dateFormat": "YYYY-MM-DD HH:NN:SS",
"position": "bottom-right"
}
});