Range 仅在日期范围内的amcharts中显示xAxis上的有值数据

Range 仅在日期范围内的amcharts中显示xAxis上的有值数据,range,amcharts,axis-labels,Range,Amcharts,Axis Labels,我试图强制Xaxis标签的范围,只有日期1/10或10月1日,对于我有数据的每个点,我的意思是我想从Xaxis中排除自动的10月11日12月1日,只放置有数据的,我不介意它是否遵循完美的模式,我只希望天数/月份正好显示在我要显示值的点下方 我在这里留下了适合这个片段的实际代码。。。其中显示的是月份而不是日/月,但我认为这是由于x轴图例的自动渲染,这正是我试图阻止的…对于我的自定义日期,仅使用数据x轴范围标签 am4core.ready(函数(){ //主题开始 am4core.useThem

我试图强制Xaxis标签的范围,只有日期1/10或10月1日,对于我有数据的每个点,我的意思是我想从Xaxis中排除自动的10月11日12月1日,只放置有数据的,我不介意它是否遵循完美的模式,我只希望天数/月份正好显示在我要显示值的点下方

我在这里留下了适合这个片段的实际代码。。。其中显示的是月份而不是日/月,但我认为这是由于x轴图例的自动渲染,这正是我试图阻止的…对于我的自定义日期,仅使用数据x轴范围标签

am4core.ready(函数(){
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表实例
var chart=am4core.create(“modalcontentsfromajax”,am4charts.XYChart);
//创建轴
//var categoryAxis=chart.xAxes.push(新的am4charts.DateAxis());
//
/**
*对X轴使用单独的日期格式化程序,以便设置不同的格式
*(这假定已创建DateAxis类型的X轴)
*/
//创建轴
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.renderer.grid.template.endLocation=3.5;
dateAxis.renderer.labels.template.horizontalCenter=“right”;
dateAxis.renderer.labels.template.verticalCenter=“top”;
dateAxis.renderer.labels.template.rotation=272;
dateAxis.dataFields.category='sales';
dateAxis.renderer.minGridDistance=30;
dateAxis.fontSize=14;
////创建系列
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.title.text=“#事件”;
var incomingdata='{“SKATES”:[{“date”:“2019-10-10”,“SKATES”:1},{“date”:“2019-12-16”,“SKATES”:2},{“date”:“2020-1-3”,“SKATES”:3},\n+
日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:日期:+
“{”日期“:“2020-1-27”,“溜冰鞋”:12},{”日期“:“2020-1-28”,“溜冰鞋”:13},{”日期“:“2020-1-29”,“溜冰鞋”:23},\n”+
“船舶”:日期:2019-11-24,“船舶”:1},{“日期”:2019-12-13,“船舶”:2},{“日期”:2020-1-6,“船舶”:3},{“日期”:2020-1-21,“船舶”:4},{“日期”:2020-1-22,“船舶”:6},{“日期”:2020-1-24,“船舶”:7},\n+
"日期:"2020-1-29","船舶:11","汽车":"日期:"2019-11-26","汽车","日期:"2019-12-23","汽车"2,""+
“摩托车”:2019-12-19,“摩托车”:1},{“日期”:“2020-1-23”,“摩托车”:2},{“日期”:“2020-1-28”,“摩托车”:3},{“日期”:“2020-1-29”,“摩托车”:6}],\n'+
““双议会”:[{“日期”:“2020-1-24”,“双议会”:1}]}”;
var aResult=$.parseJSON(incomingdata);
$.each(结果、函数(键、值){
createSeries(键,“Series#”+键,值)
});
函数createSeries(s、name、seriesVal){
var series=chart.series.push(新的am4charts.LineSeries());
var bullet=series.bullets.push(新的am4charts.CircleBullet());
var valueLabel=series.bullets.push(新的am4charts.LabelBullet());
valueLabel.label.text=“{valueY}”;
valueLabel.label.fontSize=20;
valueLabel.label.y=-13.5;
bullet.fill=AM4核心颜色(“3f5163”);
bullet.fillOpacity=1;
bullet.strokeWidth=2;
bullet.circle.radius=4;
series.dataFields.valueY=s;
series.dataFields.dateX=“日期”;
series.dataFields.dateX.showTooltipOn=“始终”;
series.dataFields.dateX.dateFormatter=new am4core.dateFormatter();
series.dataFields.dateX.dateFormat=“yyyy-MM-dd”;
//创建系列
series.name=名称;
var段=series.segments.template;
segment.InteractionEnabled=true;
var hoverState=segment.states.create(“悬停”);
hoverState.properties.strokeWidth=6;
var dimmed=段.states.create(“dimmed”);
dimmed.properties.stroke=am4core.color(“#dadada”);
分段事件打开(“结束”,功能(事件){
processOver(event.target.parent.parent.parent.parent);
});
段.events.on(“out”,函数(事件){
processOut(event.target.parent.parent.parent.parent);
});
series.data=eval(seriesVal);
返回序列;
}
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.legend=新的am4charts.legend();
chart.legend.position=“右”;
chart.legend.scrollable=true;
chart.legend.itemContainers.template.events.on(“结束”),函数(事件){
processOver(event.target.dataItem.dataContext);
})
chart.legend.itemContainers.template.events.on(“out”,函数(事件){
processOut(event.target.dataItem.dataContext);
})
函数processOver(hoveredSeries){
hoveredSeries.toFront();
hoveredSeries.segments.each(函数(段){
段。设置状态(“悬停”);
})
图表系列各功能(系列){
如果(系列!=悬停系列){
系列.段.每个(功能(段){
段.设置状态(“变暗”);
})
系列。公告容器。设置状态(“变暗”);
}
});
}
功能公关
dateAxis.skipEmptyPeriods = true;