2014-11-20 2 views
3

Это Javascript код стека диаграммы в highchart-Как создать таблицу для легенды о Stacked Chart в Highcharts?

legend: { 
align: 'right', 
x: -70, 
verticalAlign: 'top', 
y: 20, 
floating: true, 
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', 
borderColor: '#CCC', 
borderWidth: 1, 
shadow: false 
}, 

Вот серии моих data-

series: [{ 
     name: 'A', 
     data: [5] 
    }, { 
     name: 'B', 
     data: [2] 
    }, { 
     name: 'C', 
     data: [3] 
    }] 

Можно ли показать легенду выше данных в Highcharts (сложенной Chart) в формате таблицы?

+0

Что такое "формат таблицы" означает? Можете ли вы нарисовать то, что вам нужно? – Mark

+0

Можете ли вы приложить скриншот, я действительно не понимаю «формат таблицы» –

+0

Если я правильно понимаю, что-то вроде [this] (http://i.stack.imgur.com/MxkrN.jpg) –

ответ

-1

Highcharts (суммированного Chart) в табличном формате

http://jsfiddle.net/ntg7qz3q/1/

работает скрипку

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'bar' 
      }, 
      title: { 
       text: 'Stacked bar chart' 
      }, 
      xAxis: { 
       categories: ['A', 'B', 'C'] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Total fruit consumption' 
       } 
      }, 
      legend: { 
    align: 'right', 
    x: -70, 
    verticalAlign: 'top', 
    y: 20, 
    floating: true, 
    backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', 
    borderColor: '#CCC', 
    borderWidth: 1, 
    shadow: false 
    }, 
      plotOptions: { 
       series: { 
        stacking: 'normal' 
       } 
      }, 
      series: [{ 
      name: 'A', 
      data: [5] 
     }, { 
      name: 'B', 
      data: [2] 
     }, { 
      name: 'C', 
      data: [3] 
     }] 
     }); 
    }); 
+0

Можно ли показать легенда выше данных Highcharts (сложенная диаграмма) в формате таблицы? –

+0

Вы можете увеличить параметр marginTop, http://jsfiddle.net/ntg7qz3q/2/ –

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