AmCharts - 如何确保在填充折线图中显示所有图形值?

时间:2017-04-25 14:10:43

标签: javascript amcharts

如何确保在填充折线图中显示所有图形值?我想设置它,以便较小的值在前面,较大的值在它后面。目前绿色条形图由于其上重叠的值较大而被隐藏。

ScreenShot

我的代码在

下面
'graphs': [{
    'balloonText': '[[categoryField]]<strong>[[title]]</strong>: [[forecastedUsageValue]] [[forecastedUsageUnits]]',
    'id': 'forecastedUsage',
    'lineThickness': 2,
    'lineAlpha': 0.98,
    'fillAlphas': 0.4,
    'title': 'Forecasted Usage',
    'valueField': 'forecastedUsageValue',
    'fillColors': '#68AE44',
    'lineColor': '#68AE44'
  }, {
    'balloonText': '[[categoryField]]<strong>[[title]]</strong>: [[onPeakHedgeValue]] [[onPeakHedgeUnits]]',
    'id': 'on-peak-hedged',
    'lineAlpha': 0.98,
    'fillAlphas': 0.98,
    'title': 'On Peak Hedged',
    'lineThickness': 2,
    'valueField': 'onPeakHedgeValue'
  }, {
    'balloonText': '[[categoryField]]<strong>[[title]]</strong>: [[offPeakHedgeValue]] [[offPeakHedgeUnits]]',
    'id': 'off-peak-hedged',
    'lineAlpha': 0.98,
    'fillAlphas': 0.98,
    'title': 'Off Peak Hedged',
    'lineThickness': 2,
    'valueField': 'offPeakHedgeValue',
    'lineColor': '#D55479'
  }],

1 个答案:

答案 0 :(得分:0)

您无法在实线图中控制哪个值位于另一个前面。简单的解决方法是将fillAlphas调整为较小的值,以便它们更透明,从而可以查看填充段重叠的值。您可能还需要考虑启用项目符号以及chartCursor,以便用户更容易为这些重叠部分触发气球。