charts - 我应该选择哪种图表类型来显示 2 个日期之间的值变化？

Question

我正在使用 Highcharts，但我的问题是一般性的。我想知道哪个图表最适合显示两个日期之间的值变化。

例如贷款利率例如8 月 29 日:21.28 月 30 日:21.3

变化为 10 万。

我应该选择哪种图表类型才能清楚地显示这种微小的差异。？

Answer 1

如果您要比较两个日期/值，我建议使用 bar chart 。 (如果您要比较数月或数年的值，我建议使用 line 或 area 图表。)您可以通过 specifying the minimum, maximum, and step scale values 更好地强调两个贷款利率值之间的差异。这样10万的差异就可以清楚地说明出来。请参阅下面的演示:

var myConfig = {
  type: 'bar',
  title: {
    text: 'Lending Rate',
    fontFamily: 'Georgia'
  },
  utc: true,
  timezone: 0,
  scaleX: {
    transform: {
      type: 'date',
      all: '%M %d, %Y'
    },
    step: 86400000,
    item: {
      fontSize: 10
    }
  },
  scaleY: {
    values: '21.1:21.4:0.1',
    format: '%vM',
    decimals: 1,
    item: {
      fontSize: 10
    },
    guide: {
      lineStyle: 'dotted'
    }
  },
  plot: {
    barWidth: '50%',
    borderWidth: 1,
    borderColor: 'gray',
    backgroundColor: '#99ccff',
    valueBox: {
      text: '%v million',
      fontSize: 12,
      fontColor: 'gray',
      fontWeight: 'normal'
    },
    tooltip: {
      text: '%v million'
    }
  },
  series: [
    {
      values: [
        [1472428800000, 21.2],
        [1472515200000, 21.3],
      ]
    }
  ]
};

zingchart.render({ 
	id : 'myChart', 
	data : myConfig, 
	height: 400, 
	width: 600 
});

<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>

<div id='myChart'></div>

有关比例自定义和格式设置的更多信息，请参阅此 X/Y-Axis Scales Tutorial 。 value boxes和 tooltips也可用于提供有关节点值的更多信息。

希望有帮助。我是 ZingChart 的成员团队，并乐意回答进一步的问题。