Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript amcharts 4:删除图形起点上的侧边距_Javascript_Amcharts_Amcharts4 - Fatal编程技术网

Javascript amcharts 4:删除图形起点上的侧边距

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; 数据排

我有一个图表,它不是从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;
数据排序(功能(左、右){
返回左侧时间-右侧时间;
});
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