2015-01-23 2 views

ответ

1

Вы можете сделать это с комбинацией столбцов строки диаграммы.

в действии здесь: http://jsfiddle.net/8qvy79gv/

$(function() { 
$('#container').highcharts({ 
    title: { 
     text: 'Combination chart' 
    }, 
    xAxis: { 
     categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums'] 
    }, 
    labels: { 
     items: [{ 
      html: 'Total fruit consumption', 
      style: { 
       left: '50px', 
       top: '18px', 
       color: (Highcharts.theme && Highcharts.theme.textColor) || 'black' 
      } 
     }] 
    }, 
    series: [{ 
     type: 'column', 
     name: 'Jane', 
     pointWidth: 2, 
     data: [3, 2.67, 3, 6.33, 3.33] 
    }, { 
     type: 'spline', 
     name: 'Average', 
     data: [3, 2.67, 3, 6.33, 3.33], 
     marker: { 
      lineWidth: 2, 
      lineColor: Highcharts.getOptions().colors[3], 
      fillColor: 'white' 
     } 
    }] 
}); 

});

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