Question

我正在尝试将yaxis和xaxis放下来。例如，图表上的3843应为3.843，工具提示显示为3.843 k。

我有工具提示工作，但无法让它更改图形yaxis和xaxis值，以便图形可以完全显示所有方面。

正如你在这里看到的： http://jsfiddle.net/kzL0phfu/

这就是xaxis的样子

yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
gridLineColor: "#808080",
gridLineDashStyle: "Solid",
gridLineWidth: 2,
labels: {
  format: '{value:.2f}',
  style: {
    color: '#c4c4c4',
    font: '11px Trebuchet MS, Verdana, sans-serif'
  }
}
}

Answer 1

使用dataLabels formatter来获得所需的结果

  plotOptions: {
    area: {
      dataLabels: {
        useHTML: true,
        enabled: true,
        formatter: function() {
          value = this.y;
          numericSymbolDetector = Math.abs(this.y);
          if (numericSymbolDetector > 1000) {
            value = Highcharts.numberFormat(value / 1000, 3, '.', '') ;
          }
          return value
        },
        style: {
          color: '#c4c4c4',
          font: '5px Trebuchet MS, Verdana, sans-serif'
        }
      },
      //enableMouseTracking: false
    },
    series: {
      lineColor: '#808080'
    }
  },

Fiddle演示

Answer 2

如果要以相同的方式显示yAxis标签，请从yAxis.labels对象中删除格式化程序（然后将显示千位前缀）。如果要将点的精确值显示为yAxis标签，可以在load事件上更新until (@array) { # do something }数组并对其进行充分格式化。看一下下面的例子。

API参考：
http://api.highcharts.com/highcharts/chart.events.load http://api.highcharts.com/highcharts/yAxis.tickPositions

例：
http://jsfiddle.net/ojno8rx1/

绕过yaxis和xaxis数字的Highcharts

2 个答案: