2016-01-14 3 views
0

Я хочу установить datalabel для VALUE вправо, а значение SERIES (в моем случае «bar1, bar2, bar3»), которые всегда находятся на LEFT от бара. как на картинке. enter image description hereОтрегулируйте значение datalabel в определенном положении (HIGHCHARTS)

это мой код

http://jsfiddle.net/pb1q9wzk/

plotOptions: { 
bar: { 
    dataLabels: { 
    padding: 0, 
    allowOverlap: true, 
    enabled: true, 
    align: 'left', 
    color: '#FFFFFF', 
    inside: true, 
    crop: false, 
    overflow: "none", 
    formatter: function() {    
    return this.series.name + " " + this.y;      
    }, 
    style: { 
    width:100 
    }      
. 
. 
. 
+0

В Highcharts вы не можете напечатать двойной datalabels, поэтому лучше вернуть число в datalabel, а затем использовать [визуализатор] (http://api.highcharts.com/highcharts#Renderer.text), чтобы добавить недостающие метки (например series.name) –

+0

@SebastianBochan извините мое невежество, я не понимаю и не знаю, как делать то, что вы говорите. –

+0

Сообщите мне, какие части неясны? –

ответ

0

Просто увеличить ваш align: right в plotOptions.

Надеюсь, что это решит вашу проблему.

plotOptions: { 
      bar: { 
       dataLabels: { 
       padding:0, 
       allowOverlap:true, 
        enabled: true, 
        align: 'right', 
        color: '#FFFFFF', 
        inside: true, 
        crop: false, 
        overflow:"none", 
         formatter: function() { 

        return this.series.name+ " "+ this.y; 

        console.log(this.series.name); 
       }, 
Смежные вопросы