我们如何配置高图x轴从第一个滴答开始?

时间:2017-03-02 11:02:13

标签: angularjs highcharts

我正在使用angularJs学习高级图,x轴的第一个刻度不是从0开始,或者我们可以说是图表的最左边,这里我附上了我现在拥有的输出的屏幕截图,

Line chart Image - not x axis first tick start form left most corner.

Column chart view - not x axis first tick start form left most corner.

为此,我推荐 this solution 在x轴上只有2个值时工作不正常它只在x轴的中心显示0.5,没有显示实际价值。

我在我的例子中这样做,

xAxis: {
                  labels: {
                            enabled: true,
                            formatter: function () {
                                return this.value; 
                            }
                        },
                        tickmarkPlacement: 'on',
                        gridLineWidth: 0,
                        minPadding: 0,
                        maxPadding: 0,
                        startOnTick: true,
                        endOnTick: true,
                        align: "left",
                        lineColor: 'transparent'
                    }

任何人都可以指导我一样。?

2 个答案:

答案 0 :(得分:2)

为必需的功能添加以下内容,它将从最左端开始

plotOptions: {
          series: {
            findNearestPointBy: 'x',
            label: {
              connectorAllowed: false
            },
            pointPlacement: 'on'
          }
        }

答案 1 :(得分:0)

我认为设置Y轴最小值和X轴最小值。

xAxis: {
  labels: {
    enabled: true,
    formatter: function () {
      return this.value;
    }
  },
  tickmarkPlacement: 'on',
  gridLineWidth: 0,
  min: 0,
  maxPadding: 0,
  startOnTick: true,
  endOnTick: true,
  align: "left",
  lineColor: 'transparent'
},
yAxis: {
  min: minYAxisValue,
  max: maxYAxisValue
}

希望这可能会有所帮助..