React native 如何在Highcharts图形上扩展x轴?

React native 如何在Highcharts图形上扩展x轴?,react-native,highcharts,React Native,Highcharts,我有一个Highcharts条形图。每个点都有一组结果,但是第一个和最后一个元素将被裁剪。如何延伸x轴以显示每个条形图 在下图中,每个组都有相同的结果,因此您可以看到第一组中的N和p以及最后一组中的S和Mg 数据来自一个数据库,所以我不知道会有多少组,或者范围是什么(因此仅仅在每一端增加一天是不够的,重叠可能会更大或更小) 这是示例中的graphData [ { "name": "N", "data": [[1559669642443, 300], [15593436000

我有一个Highcharts条形图。每个点都有一组结果,但是第一个和最后一个元素将被裁剪。如何延伸x轴以显示每个条形图

在下图中,每个组都有相同的结果,因此您可以看到第一组中的N和p以及最后一组中的S和Mg

数据来自一个数据库,所以我不知道会有多少组,或者范围是什么(因此仅仅在每一端增加一天是不够的,重叠可能会更大或更小)

这是示例中的
graphData

[
  {
    "name": "N",
    "data": [[1559669642443, 300], [1559343600000, 300], [1559257200000, 300]]
  },
  {
    "name": "P",
    "data": [[1559669642443, 160], [1559343600000, 160], [1559257200000, 160]]
  },
  {
    "name": "K",
    "data": [[1559669642443, 470], [1559343600000, 470], [1559257200000, 470]]
  },
  {
    "name": "S",
    "data": [[1559669642443, 120], [1559343600000, 120], [1559257200000, 120]]
  },
  {
    "name": "Mg",
    "data": [[1559669642443, 90], [1559343600000, 90], [1559257200000, 90]]
  }
]
您在控制台中有,这意味着您的数据未排序。Highcharts需要按X升序排序的数据:

series: [{
        ...,
        data: [
            [1559257200000, 300],
            [1559343600000, 300],
            [1559669642443, 300]
        ]
    }, ...
]

现场演示:

你好@Loofer,你能为我们提供你的图表配置对象吗?在这个类似的例子中:一切都很好。嗯,使用它工作的小提琴,我想是反应本身的复杂性打破了它。。。一如既往!虽然这个简单的观点确实显示了“我的”行为(╯°□°)╯︵ ┻━┻
series: [{
        ...,
        data: [
            [1559257200000, 300],
            [1559343600000, 300],
            [1559669642443, 300]
        ]
    }, ...
]