Plot AmCharts：限制Y轴-范围并切除非周期性间隙_Plot_Linechart_Amcharts

Plot AmCharts：限制Y轴-范围并切除非周期性间隙

plot

Plot AmCharts：限制Y轴-范围并切除非周期性间隙,plot,linechart,amcharts,Plot,Linechart,Amcharts,在尝试了很多设置后，我发现amCharts有问题我希望将y轴的范围限制在1-150之间，并且不希望AMSCHARTS使用值0绘制数据点。x范围内没有时间段。我创造了我的实际结果： var chartData=[{“位置”：“114”，“基准”：“20.12.2014”}，{“位置”：“0”，“基准”：“24.12.2014”}，{“位置”：“127”，“基准”：“29.12.2014”}，{“位置”：“128”，“基准”：“02.01.2015”}，{“位置”：“125”，“基准”：“05.

在尝试了很多设置后，我发现amCharts有问题

我希望将y轴的范围限制在1-150之间，并且不希望AMSCHARTS使用值0绘制数据点。x范围内没有时间段。我创造了我的实际结果：

var chartData=[{“位置”：“114”，“基准”：“20.12.2014”}，{“位置”：“0”，“基准”：“24.12.2014”}，{“位置”：“127”，“基准”：“29.12.2014”}，{“位置”：“128”，“基准”：“02.01.2015”}，{“位置”：“125”，“基准”：“05.01.2015”}，{“位置”：“132”，“基准”：“09.01.2015”}，{“位置”：“0”，“基准”：“13.01.2015”{“位置”：“131”，“基准”：“17.01.01.2015”{“0”、“基准面”：“20.01.2015”}，{“位置”：“0”、“基准面”：“24.01.2015”}，{“位置”：“88”、“基准面”：“28.01.2015”}，{“位置”：“89”、“基准面”：“01.02.2015”}，{“位置”：“94”、“基准面”：“04.02.2015”}，{“位置”：“86”、“基准面”：“08.02.2015”}，{“位置”：“80”、“基准面”：“12.02.2015”}，{“位置”：“83”、“基准面”：“16.02.2015”}，{“位置”{“82”、“基准面”：“2015位置”{“0”、“基准面”：“23.02.2015”}、{“位置”：“109”、“基准面”：“27.02.2015”}、{“位置”：“100”、“基准面”：“03.2015”}、{“位置”：“98”、“基准面”：“06.03.2015”}、{“位置”：“92”、“基准面”：“10.03.2015”}、{“位置”：“99”、“基准面”：“14.03.2015”}、{“位置”：“97”、“基准面”：“18.03.2015”}、{“位置”：“93”、“基准面”：“21.03.2015”}、{“位置”0”、“基准面”{“位置”：“0”，“基准”：“29.03.2015”}，{“位置”：“108”，“基准”：“02.04.2015”}，{“位置”：“106”，“基准”：“06.04.2015”}，{“位置”：“109”，“基准”：“10.04.2015”}，{“位置”：“0”，“基准”：“14.04.2015”}，{“位置”：“107”，“基准”：“17.04.2015”}，{“位置”：“114”，“基准”：“21.04.2015”}，{“位置”：“109”，“基准”：“25.04.2015”}，{“位置”：“0”，“基准”：2015年4月29日{“位置”：“111”、“基准”：“2015年5月2日”}、{“位置”：“101”、“基准”：“2015年5月6日”}、{“位置”：“84”、“基准”：“2015年5月10日”}、{“位置”：“0”、“基准”：“2015年5月14日”}、{“位置”：“74”、“基准”：“2015年5月17日”}、{“位置”：“71”、“基准”：“2015年5月21日”}、{“位置”：“72”、“基准”：“2015年5月25日”{“位置”：“72”、“基准”：“2015年5月29日”{“基准”：“：”01.06.2015“，”位置“，”基准“：”05.06.2015“，”位置“，”73“，”基准“，”09.06.2015“，”位置“，”78“，”基准“，”13.06.2015“，”位置“，”72“，”基准“，”16.06.2015“，”位置“，”65“，”基准“，”20.06.2015“，”位置“，”67“，”基准“，”24.06.2015“，”位置“，”72“，”基准“，”28.06.2015“，”位置“，”74“，”基准“，”，“基准面”：“05.07.2015”}，{“位置”：“67”，“基准面”：“09.07.2015”}，{“位置”：“72”，“基准面”：“13.07.2015”}，{“位置”：“74”，“基准面”：“17.07.2015”}，{“位置”：“73”，“基准面”：“21.07.2015”}）；
var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“串行”，
“dataDateFormat”：“DD.MM.YYYY”，
“气球”：{
“边界厚度”：1，
“阴影Alpha”：0
},
“图表”：[{
“子弹”：“圆形”，
“bulletBorderAlpha”：0.5，
“bulletColor”：“FFFFFF”，
“bulletSize”：8，
“HidebulletScont”：50，
“线宽”：2，
“useLineColorForBulletBorder”：正确，
“valueField”：“position”，
“气球文本”：“[[category]]
[[value]]”
}],
“价值轴”：[{
“仅限整数”：true，
“最大值”：150，
“最低限度”：1，
“反向”：正确，
“axisAlpha”：1，
“dashLength”：2，
“位置”：“左”，
“职务”：“职务”
}],
“图表光标”：{
“valueLineEnabled”：true，
“ValueLineBalloodEnabled”：true，
“cursorAlpha”：0.2，
“valueLineAlpha”：0.2
},
“类别字段”：“数据”，
“分类法”：{
“parseDates”：正确，
“dashLength”：1，
},
“数据提供者”：图表数据
});
chart.addListener（“呈现”，zoomChart）；
zoomChart（）；
函数zoomChart（）{
chart.zoomtoIndex（chart.dataProvider.length-40，chart.dataProvider.length-1）；
}

#chartdiv{
宽度：100%；
高度：500px；
}

值轴要设置值轴的比例，我们可以使用其和属性。但是，即使我们设置了这两个属性，图表也会尝试将值轴增量取整为“漂亮”数字，因此它仍将显示0

为了解决这个问题，我们将使用另一个值轴属性。它将确保我们的值轴比例在0和15个值处被清晰地切割

但是我们现在丢失了第一个和最后一个标签。我们将使用添加1和150个值的标签

上述组合代码如下所示：

  "valueAxes": [{
    "integersOnly": true,
    "maximum": 150,
    "minimum": 1,
    "strictMinMax": true,
    "reversed": true,
    "axisAlpha": 1,
    "dashLength": 2,
    "position": "left",
    "title": "Position",
    "guides": [{
      "value": 1,
      "label": "1"
    }, {
      "value": 150,
      "label": "150"
    }]
  }]

缺口零是一个有效的数字和值。如果需要显示一个间隙来代替零值数据点，则需要将这些数据点的值设置为

null

如果不能在数据中直接替换，可以添加一些自定义代码来迭代数据，并用

null

替换零值：

for(var i = 0; i < chartData.length; i++) {
  if (chartData[i].position == 0)
    chartData[i].position = null;
}

#chartdiv{
宽度：100%；
高度：500px；
}