Highcharts - 在y点之间添加差异

我如何在两点之间添加差异？例如对于'星期一'，Jane有1，约翰有3分，所以约翰应该有像“（-70％）”这样的信息，星期三约翰有3个，简有4个，所以应该是“（+ 125％）” 信息应该在最接近右侧的线上。Highcharts - 在y点之间添加差异

enter image description here jsfiddle

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'area', 
       inverted: true 
      }, 
      title: { 
       text: 'Average fruit consumption during one week' 
      }, 
      subtitle: { 
       style: { 
        position: 'absolute', 
        right: '0px', 
        bottom: '10px' 
       } 
      }, 
      legend: { 
       layout: 'vertical', 
       align: 'right', 
       verticalAlign: 'top', 
       x: -150, 
       y: 100, 
       floating: true, 
       borderWidth: 1, 
       backgroundColor: '#FFFFFF' 
      }, 
      xAxis: { 
       categories: [ 
        'Monday', 
        'Tuesday', 
        'Wednesday', 
        'Thursday', 
        'Friday', 
        'Saturday', 
        'Sunday' 
       ] 
      }, 
      yAxis: { 
       title: { 
        text: 'Number of units' 
       }, 
       labels: { 
        formatter: function() { 
         return this.value; 
        } 
       }, 
       min: 0 
      }, 
      plotOptions: { 
       area: { 
        fillOpacity: 0.5 
       } 
      }, 
      series: [{ 
       name: 'John', 
       data: [3, 4, 3, 5, 4, 10, 12] 
      }, { 
       name: 'Jane', 
       data: [1, 3, 4, 3, 3, 5, 4] 
      }] 
     }); 
    });

来源

2013-10-24 breq

我不明白的计算： - 简= 1，约翰 - = 3，那么标签=（-70％）

然而，这是方式获得dataLabel简和约翰：

   formatter: function(){ 
        var secondY = this.series.chart.series[1].yData[this.point.x], 
         firstY = this.y; 
        return this.y;  
       }

的jsfiddle：http://jsfiddle.net/7gvuA/

来源

2013-10-24 12:03:59

这正是我需要的。感谢Paweł。你再次救了我我更新的小提琴：http://jsfiddle.net/7gvuA/1/ – breq

Highcharts - 在y点之间添加差异

回答

相关问题