Javascript amcharts 4:删除图形起点上的侧边距
我有一个图表,它不是从0开始的 这是我的图表和示例数据Javascript amcharts 4:删除图形起点上的侧边距,javascript,amcharts,amcharts4,Javascript,Amcharts,Amcharts4,我有一个图表,它不是从0开始的 这是我的图表和示例数据 am4core.useTheme(am4themes\u动画); var chart=am4core.create(“chartdiv”,am4charts.XYChart); chart.dataSource.url=”https://api.myjson.com/bins/109xmw"; chart.dataSource.events.on(“parseended”,函数(ev){ var数据=ev.target.data; 数据排
am4core.useTheme(am4themes\u动画);
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.dataSource.url=”https://api.myjson.com/bins/109xmw";
chart.dataSource.events.on(“parseended”,函数(ev){
var数据=ev.target.data;
数据排序(功能(左、右){
返回左侧时间-右侧时间;
});
data.forEach(功能(项){
项目时间*=1000;
});
});
chart.numberFormatter.numberFormat=“#.0b”;
chart.dateFormatter.inputDateFormat=“x”;
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.dateFormats.setKey(“分钟”,“d毫米,\nHH:mm”);
dateAxis.periodChangeDateFormats.setKey(“分钟”,“毫米,\nHH:毫米”);
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.tooltip.disabled=true;
var series=chart.series.push(新的am4charts.LineSeries());
series.dataFields.dateX=“时间”;
series.name=“交通中断”;
series.dataFields.valueY=“outDiffFormatted”;
series.tooltipHTML=“{valueY.value}/s”;
series.tooltipText=“[#000]{valueY.value}[/]”;
series.tooltip.background.fill=am4core.color(“#FFF”);
series.tooltip.getStrokeFromObject=true;
series.tooltip.background.strokeWidth=3;
series.tooltip.getFillFromObject=false;
series.fillOpacity=0.6;
系列。冲程宽度=2;
series.stacked=false;
var series2=chart.series.push(新的am4charts.LineSeries());
series2.dataFields.dateX=“时间”;
series2.name=“交通拥堵”;
series2.dataFields.valueY=“inDiffFormatted”;
series2.tooltipHTML=“{valueY.value}/s”;
series2.tooltipText=“[#000]{valueY.value}[/]”;
series2.tooltip.background.fill=am4core.color(“#FFF”);
series2.tooltip.getFillFromObject=false;
series2.tooltip.getStrokeFromObject=true;
series2.tooltip.background.strokeWidth=3;
序列2.sequencedInterpolation=真;
series2.fillOpacity=0.5;
序列2.1=假;
系列2.strokeWidth=2;
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.scrollbarX=新的am4core.Scrollbar();
chart.legend=新的am4charts.legend();
chart.legend.position=“顶部”代码>
正文{
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”;
}
#沙特迪夫{
宽度:100%;
高度:500px;
}
对于要强制执行最小值的每个valueAxis,您可以尝试通过将strictMinMax设置为true来强制执行最小值(当然,您必须确保在每个valueAxis中都设置了最小值)。
设置dateAxis.startLocation=0.5代码>和dateAxis.endLocation=0.5代码>,表示显示前半个单元格和最后半个单元格,使序列向右延伸到绘图区域的边缘
更多信息:
am4core.useTheme(am4themes\u动画);
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
chart.dataSource.url=”https://api.myjson.com/bins/109xmw";
chart.dataSource.events.on(“parseended”,函数(ev){
var数据=ev.target.data;
数据排序(功能(左、右){
返回左侧时间-右侧时间;
});
data.forEach(功能(项){
项目时间*=1000;
});
});
chart.numberFormatter.numberFormat=“#.0b”;
chart.dateFormatter.inputDateFormat=“x”;
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.dateFormats.setKey(“分钟”,“d毫米,\nHH:mm”);
dateAxis.periodChangeDateFormats.setKey(“分钟”,“毫米,\nHH:毫米”);
dateAxis.0=0.5;
dateAxis.endLocation=0.5;
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
valueAxis.tooltip.disabled=true;
var series=chart.series.push(新的am4charts.LineSeries());
series.dataFields.dateX=“时间”;
series.name=“交通中断”;
series.dataFields.valueY=“outDiffFormatted”;
series.tooltipHTML=“{valueY.value}/s”;
series.tooltipText=“[#000]{valueY.value}[/]”;
series.tooltip.background.fill=am4core.color(“#FFF”);
series.tooltip.getStrokeFromObject=true;
series.tooltip.background.strokeWidth=3;
series.tooltip.getFillFromObject=false;
series.fillOpacity=0.6;
系列。冲程宽度=2;
series.stacked=false;
var series2=chart.series.push(新的am4charts.LineSeries());
series2.dataFields.dateX=“时间”;
series2.name=“交通拥堵”;
series2.dataFields.valueY=“inDiffFormatted”;
series2.tooltipHTML=“{valueY.value}/s”;
series2.tooltipText=“[#000]{valueY.value}[/]”;
series2.tooltip.background.fill=am4core.color(“#FFF”);
series2.tooltip.getFillFromObject=false;
series2.tooltip.getStrokeFromObject=true;
series2.tooltip.background.strokeWidth=3;
序列2.sequencedInterpolation=真;
series2.fillOpacity=0.5;
序列2.1=假;
系列2.strokeWidth=2;
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.scrollbarX=新的am4core.Scrollbar();
chart.legend=新的am4charts.legend();
chart.legend.position=“顶部”代码>
正文{
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”;
}
#沙特迪夫{
宽度:100%;
高度:320px;
}
如何指定它?你给我的文件是AMCHART3,我用的是AMCHART4