Jquery JQPlot堆叠条每个堆叠标签计数而不是累积(增量)计数

Jquery JQPlot堆叠条每个堆叠标签计数而不是累积(增量)计数,jquery,asp.net,charts,jqplot,Jquery,Asp.net,Charts,Jqplot,我想为每个标签显示标签文本,而不是段总数 就像,2,7,14应该是在堆叠的酒吧与2,7,14,然后23是总数。但目前在exmaple中,它显示的是段总计-第一个栏是空的,然后是2,2+7=9,总计=23(9+14) JQ图显示(堆叠条形柱形图-第三个图): 我想要类似url的highchart用于标签计数,请参见示例: 请告诉我是否可以使用解决方案,这将非常有帮助…在本地页面上只需修改css.jqplot point label属性,即可在jqplot演示页面中使用: .jqplot-poi

我想为每个标签显示标签文本,而不是段总数

就像,2,7,14应该是在堆叠的酒吧与2,7,14,然后23是总数。但目前在exmaple中,它显示的是段总计-第一个栏是空的,然后是2,2+7=9,总计=23(9+14)

JQ图显示(堆叠条形柱形图-第三个图):

我想要类似url的highchart用于标签计数,请参见示例:


请告诉我是否可以使用解决方案,这将非常有帮助…

在本地页面上只需修改css.jqplot point label属性,即可在jqplot演示页面中使用:

.jqplot-point-label {
      font-size:.75em;
      z-index: 2;
      /* Add some margin to get values into the bar */
      margin-top: 24px;
}
您还可以尝试使用诸如ypadding之类的属性,以获得更礼貌的方法。
有关sum功能,请参阅此

关于求和问题:您偶然发现了一个jqplot bug

如果要打开jqplot.pointLabels.js,请查看从第172/173行开始的代码:

var d=this.\u plotData;
如果您将其更新为

var d=this.\u plotData;
if(p.stackSeries){
var d=此数据;
}
调用图表时,请在系列选项中使用类似的选项:

pointLabels: { show: true, stackedValue: false, stackSeries: true }
您可以使用PointLabels属性关闭堆叠求和

stackedValue错误的修复程序已详细说明


jmva回答了您关于标签放置的问题。

我有一个解决方案,因为似乎与
stackedValue
参数的值无关,堆叠条的值总是相加的

我对这个问题的解决方案包括:

  • 再添加一个系列作为总和,填充的值都是相同的(即3),因为它们的唯一作用是定位标签

  • 使最后一个系列(第5个)不可见,其阴影几乎透明

  • 并且直接在每个系列上使用标签,而不是让脚本决定放在那里的内容,否则它显然会对值进行汇总


编辑


波罗的解决方案适合我,但是,如果您需要图例,图例中还有一项可能不是您所期望的。我使用了Boro的解决方案,并且拥有独立于jqplot对象的图例