使用jQplot实现图形

我需要实现以下图表

我知道堆积图表 ，但这里有轴点标签（我需要没有任何轴点标签），这是来自Y轴。

我很困惑如何实现它。

你能帮我么？ 任何链接也会有所帮助。

---

更新：

我正在尝试一个代码段

 $(document).ready(function(){ var line1 = [14]; var line2 = [77]; var plot4 = $.jqplot('test2', [line1, line2], { title: '1 Mobility Test Graph', animate: !$.jqplot.use_excanvas, stackSeries: true, seriesDefaults: { renderer: $.jqplot.BarRenderer, rendererOptions:{barPadding : 0, barMargin : 5, barDirection: 'horizontal'}, pointLabels:{location : 'e', edgeTolerance : 0, hideZeros: true, show : true}, shadowAngle : 135, lineWidth : 0, showLine: true }, axesDefaults : { show : false, tickOptions : { show : false } }, axes: { yaxis:{renderer:$.jqplot.CategoryAxisRenderer} }, grid:{ borderWidth:0, shadow:false }, legend: { renderer: $.jqplot.EnhancedLegendRenderer, show:true, rendererOptions:{ numberRows:1, numberColumns: 3, disableIEFading: false }, location: 'n', placement : 'outsideGrid', marginTop: '5px', showSwatch:false } }); $(".jqplot-xaxis-tick").hide(); $(".jqplot-yaxis-tick").hide(); });  

但这并没有给我任何输出。 当我删除barDirection: 'horizontal'它的工作正常。 请帮帮我，有什么不对……

在这里我得到了jsfiddle ，但它适用于两个图表…..我怎样才能制作一个图表。

Answer 1

你喜欢这样的事吗？ 你有一个单独的水平条。 根据具有水平条形图的doc中的示例，您必须为图表提供一个系列数组，其中每个值都具有两个值数组（[x，y]），其中x是值，y是系列ID。

或者另一种选择是给图表一个单值数组的数组，如下所示 。