2013-08-29 3 views
1

я сделал Highcharts для бензобака (кредит предоплата)Highcharts группировка с переливом

Я хочу сделать, чтобы каждая строка должна начинаться с начала строки вместо группировки (добавление) в конце. (Я не» т необходимо иметь сумму всех данных)

enter image description here

Спасибо.

![var options = { 
       chart: { 
        type: 'bar', 
        height: 300, 
        width:420 
       }, 
       title: { 
        text: 'Prepayment' 
       }, 
       yAxis: { 
        gridLineColor: '#eee', 
        title: { 
         text: 'Prepayment' 
        } 
       }, 
       xAxis: { 
        categories: \['Credit'\], 
        labels: { 
         step: 0, 
         rotation: -45, 
         align: 'right' 
        } 
       }, 
       legend: { 
        enabled: true 
       }, 
       tooltip: { 
        shared: true, 
        crosshairs: true 
       }, 
       plotOptions: { 
        series: { 
         stacking: 'normal' 
        } 
       }, 
       credits: { 
        enabled: false 
       }, 
       series: \[{ 
        color:'#89C35C', 
        name: 'Current Credit', 
        data: \[10\]    }, { 
        color:'#FFD801', 
        name: 'Warning Threshold', 
        data: \[5\]    }, { 
        color:'#E42217', 
        name: 'Cut-Off Threshold', 
        data: \[1\]    }\], 
      }; 
$('#container').highcharts(options);][1] 

Пример: http://jsfiddle.net/2se5q/

+0

Вам необходимо отключить опцию укладки –

ответ

1

Я сделал это так, где тип = площадь

http://jsfiddle.net/2se5q/4/

enter image description here

var options = { 
       chart: { 
        type: 'area', 
        height: 300, 
        width:420 
       }, 
       title: { 
        text: 'Prepayment' 
       }, 
       yAxis: { 
        gridLineColor: '#eee', 
        title: { 
         text: 'Prepayment' 
        } 
       }, 
       xAxis: { 
        categories: ['Credit'], 
        labels: { 
         step: 0, 
         rotation: -45, 
         align: 'right' 
        } 
       }, 
       legend: { 
        enabled: true 
       }, 
       tooltip: { 
        shared: true, 
        crosshairs: true 
       }, 
       plotOptions: { 
        series: { 
         stacking: 'normal' 
        } 
       }, 
       credits: { 
        enabled: false 
       }, 
       series: [{ 
        color:'#89C35C', 
        name: 'Current Credit', 
        data: [10,10]    }, { 
        color:'#FFD801', 
        name: 'Warning Threshold', 
        data: [5,5]    }, { 
        color:'#E42217', 
        name: 'Cut-Off Threshold', 
        data: [1,1]    }], 
      }; 
$('#container').highcharts(options); 
2

вы найдете все объяснения по этой ссылке http://api.highcharts.com/highcharts Чтобы ответить на ваш вопрос, если вы удалите только «plotOptions:» Вы не найдете больше, чем сумма графики на линия, но начиная с 0.

здесь: http://jsfiddle.net/2se5q/3/

plotOptions: { 
    series: { 
    stacking: 'normal' 
} 
+0

мне нужно иметь в одной строке вместо разделенных линий – Oyeme

Смежные вопросы