Можно ли сделать этот график с помощью jqplot?

Можно ли сделать график, используя jqplot, как указано ниже? Ближайшим возможным графиком является stacked, но использование этой раскраски, а также меток точек является проблемой.Можно ли сделать этот график с помощью jqplot?

Expected Output

Этот jsfiddle содержит мои усилия, чтобы сделать эту гистограмму вместе с его легендами и точечных меток. Таким образом, можно сделать его похожим на изображение.

var barchart = $.jqplot('chart1', [s1, s2, s3], { 
    animate: true, 
    grid: { 
     background: 'white', 
     drawBorder:false, 
     shadow: false 
    }, 

    seriesColors: ['#73C6E8', '#F28570', '#727272'], 
    seriesDefaults: { 
     renderer: $.jqplot.BarRenderer, 
     rendererOptions: { 
      barPadding: 20, 
      barWidth: 25, 
      barMargin:10, 
      fillToZero: true 
     }, 
     pointLabels: { show: true } 
    }, 
    series: [ 
     { label: 'USA' }, 
     { label: 'India' }, 
     { label: 'South Africa' } 
    ], 
    legend: { 
     show: true, 
     placement: 'outsideGrid', 
     location:'se', 
     background:'white', 
     border: 'white', 
     fontFamily: 'Gotham Medium', 
     fontSize:'12px', 
     renderer: $.jqplot.EnhancedLegendRenderer 
    }, 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer, 
      ticks:xticks, 
      showTicks:false 
     }, 
     yaxis: { 
      pad: 1.05, 
      ticks: yticks, 
      showTicks:false, 
      rendererOptions: {drawBaseline: false} 
     } 
    } 
});

источник

2013-12-04 neel shah

Да. С чем вы боретесь? – johnkavanagh

Вы проверили, что предоставляет jqplot? На вашем сайте аналогичен вашему примеру, но, я думаю, здесь было проще спросить. –

Как дать цвета в верхнем и нижнем графиках отдельно и как вы можете использовать метки точек –

Я считаю, что было бы гораздо легче достичь с highchart: http://www.highcharts.com/demo/column-stacked

Это только стек бар пример настроить все, легенды, цвет, размер, этикетки и т.д. и т.п.

хорошо luck

источник

2014-12-16 16:26:16

Можно ли сделать этот график с помощью jqplot?

ответ

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