我正在使用Highstock / Highchart,如果我在图表上绘制两条线,共享一个Y轴,其中一条线不会正确显示在Y轴上 . 它被更高的值抵消 . 例如,值为120,但点显示在200行上 . 我会张贴一张照片,但我还不能 .

我已经尝试将Y轴设置为最大值,但是线条离开了图表,因为它仍然使用偏移进行渲染 .

这是我对图表的配置:

$scope.chartConfig = {
  options: {
    style: {
      fontSize: '12px'
    },
    chart: {
      alignTicks: true,
      type: 'spline'
    },
    rangeSelector: {
      inputEnabled: true, //$('#container').width() > 480,
      selected: 0,
      buttons: [{
        type: 'week',
        count: 1,
        text: '1w'
      },
      {
        type: 'month',
        count: 1,
        text: '1m'
      },
      {
        type: 'month',
        count: 3,
        text: '3m'
      }, {
        type: 'month',
        count: 6,
        text: '6m'
      }, {
        type: 'ytd',
        text: 'YTD'
      }, {
        type: 'year',
        count: 1,
        text: '1y'
      }, {
        type: 'all',
        text: 'All'
      }]
    },
    navigator: {
      enabled: true
    },
    tooltip: {
      animation: true,
      enabled: true,
      shadow: true,
      shared: false,
      useHTML: false,
      xDateFormat: '%m/%d/%Y'
    },
    colors: ['#51324e', '#6e6e6e', '#3d2b3b', '#515151', '#342d3d', '#3e3e3e', '#413451', '#4f4b4b', '#351032', '#3e3e3e'],
    plotOptions: {
      pointStart: 0,
      'line': {
        'cursor': 'pointer',
        'marker': {
          'lineWidth': 1.5,
        },
        'lineWidth': 1
      },
      column: {
        grouping: true
      },
      series: {
        stacking: 'normal',
      }
    }
  },
  xAxis: {
    title: {
      text: ''
    },
  },
  yAxis: {
    //min: 10,
    max: null,
    title: {
      text: ''
    }
  },
  stackLabels: {
    enabled: true,
    style: {
      fontWeight: 'bold',
    }
  },
  useHighStocks: true,
  series: [{
      //type: 'column',
      marker : {
        enabled : true,
        radius : 4,
        fillColor: {},
        lineColor: {},
        lineWidth: 3,
        symbol: 'diamond'
      },
      name: '',
      data: [[
        0,0
      ]],
      dataGrouping: {
        units: [[
          'week', // unit name
          [1] // allowed multiples
        ], [
          'month',
          [1, 2, 3, 4, 6]
        ]]
      }
    },
    {
      //type: 'column',
      marker : {
        enabled : true,
        radius : 4,
        fillColor: {},
        lineColor: {},
        lineWidth: 3,
        symbol: 'diamond'
      },
      name: '',
      data: [[
        0,0
      ]],
      dataGrouping: {    // TODO: delete me?
        units: [[
          'week', // unit name
          [1]
        ], [
          'month',
          [1, 2, 3, 4, 6]
        ]]
      }
    }
  ],
    title: {
      style: {
        color: '#51324e'
      }
    },
    credits: {
      enabled: false
    }
  };

在HTML中:

<highchart id="chart" class="hiChart-container" config="chartConfig"></highchart>

我更改的是更新图表的数据和系列名称...我只导入Highstock并使用Highchart-ng . 我不能做var chart = new Chart($ scope.chartConfig),因为我的javascript框架是AngularJS,因此我们使用的是Highchart-ng

如何调整要缩放到Y轴的线?