Charts 调整x轴的最小-最大值以自动拟合图表

我正试图用angular2绘制一张令人兴奋的图表。我的图表是这样的。

虽然我希望我的图表看起来像下面提供的那样，但是x轴的最小值和最大值会自动调整，以适合图表的面积和水平宽度。

我该怎么做呢？我遵循了这些链接，但没有得到想要的结果。你能指出我哪里做错了吗？ 我给出的绘制图表的选项如下：

this.charts = [{
          id : 'chart-1',
          data : {
              'type' : 'area',
              'scaleX': {
                'label': {'text': 'Price'}
              },
              'scaleY': {
                'label': {'text': 'Cumulative Volume'}
              },
              'plotarea': {
                'adjust-layout': true /* For automatic margin adjustment. */
              },
              'scale-x': {
                'auto-fit': true,
                'min-value': minValue,
                'max-value': maxValue,
                'decimals': 2

              },
              'series': [
                { 'values': this.bidArray },
                { 'values': this.askArray }
              ],
          },
          height: 300,
          width: 600
      }];
    }

编辑1：

---

bidArray和askArray是数组的格式数组。

您不需要设置属性

自动调整

true。这适用于已应用缩放的图表

---

无需设置属性

最小值

或

最大值

，即可自动调整x轴。默认情况下，它将执行此操作

问题可能出在你没有提供任何信息的图表的某个部分。您的数据是如何绘制的？什么是值数组？数组的数组

发布完整的JSON图表，我会给你一个演示。由于图表是动态的，您可以通过右键单击图表，单击查看源代码选项，然后从解析的JSON选项卡复制内容来获取呈现JSON

针对以下第一条评论编辑了新答案：

数组数组不能自动适应scaleX上的图形宽度。这样做的原因是，您正在请求绘制比一维数组更具体的内容。因此，设置

minValue

和

maxValue

是正确的

主要问题是

步骤

值。由于定义的步长精度低于

minvalue

或

maxvalue

中的值，因此必须使其匹配相同的精度。例如，输入两个小数，execpt您的步骤设置为

步骤：.2

，其精度仅为一个小数。将精度更改为2<代码>步骤：.01 | |.02以获得所需的结果

一个简短的旁注。您有两个

scale-x

对象。它们在内部合并，但这是危险的，因为较低的一个将覆盖第一个。如果您有一个大的JSON，那么调试就会变得更加困难

var myConfig={
“图形集”：[
{
“类型”：“区域”，
“标题”：{
“文本”：“市场深度”，
“字体大小”：14，
“偏移量-x”：-200，
“偏移量-y”：-5
},
“scaleY”：{
“标签”：{
“文本”：“累计体积”
}
},
“绘图区域”：{
“调整布局”：真
},
“scale-x”：{
“最小值”：10.091，
“最大值”：11.308，
“步骤”：.01，
“小数”：2，
“标签”：{
“文本”：“价格”
}
},
“系列”：[
{
“值”：[[10.09123128.28563000002]，
[10.092,22272.984500000002],
[10.094,22070.219080000003],
[10.118,21630.372470000002],
[10.145,21278.48053],
[10.169,20438.89872],
[10.209,19798.506260000002],
[10.218,19128.53049],
[10.293,18200.525190000004],
[10.316,17625.84755],
[10.341,16860.282690000004],
[10.352,16752.07929],
[10.363,15806.925830000002],
[10.366,15351.489590000001],
[10.372,15088.74344],
[10.393,14793.26244],
[10.401,13968.11667],
[10.423,13873.98204],
[10.456,13655.87469],
[10.476,12866.84064],
[10.535,12518.24981],
[10.602,12503.24074],
[10.623,11940.5453],
[10.632,11939.08057],
[10.634,11838.884329999999],
[10.663,11074.893349999998],
[10.663,10963.316989999998],
[10.666,10584.14343],
[10.667,10358.20835],
[10.671,9942.126730000002],
[10.672,9265.449410000001],
[10.674,8497.838590000001],
[10.679,7865.162790000001],
[10.694,7349.383660000001],
[10.713,6672.761850000002],
[10.736,6026.31731],
[10.741,5674.348190000001],
[10.752,5186.775390000001],
[10.759,4317.745790000001],
[10.807,3807.78019],
[10.827,3638.4528899999996],
[10.831,2816.4248099999995],
[10.834,2426.4046799999996],
[10.854,2423.4017],
[10.854,2184.2459999999996],
[10.855,1448.32144],
[10.856,481.7664500000001],
[10.865,92.60541],
[10.87,59.9149],
[10.874,10.04495]],
背景颜色：“#424242”，
字母区域：.56，
线条颜色：'#424242'，
标记：{
背景颜色：“#424242”，
可见：正确
}
},
{
“值”：[[11.30826417.46412999997]，
[11.285,26220.324189999996],
[11.208,25644.388599999995],
[11.194,25628.031659999997],
[11.188,25031.713569999996],
[11.182,24205.770269999997],
[11.144,23534.17388],
[11.142,22947.082829999996],
[11.113,22639.772689999994],
[11.105,22536.636229999993],
[11.09,21987.267979999993],
[11.087,21137.004579999997],
[11.084,20341.394259999997],
[11.075,19372.91412],
[11.074,18554.458],