首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQPlot堆积条形图每个堆叠标签计数,而不是累积(增量)计数

JQPlot堆积条形图每个堆叠标签计数,而不是累积(增量)计数
EN

Stack Overflow用户
提问于 2011-12-22 21:34:49
回答 4查看 5.9K关注 0票数 6

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

例如,2,7,14应该与2,7,14叠加在一起,然后23是总和。但目前在示例中,它显示段总数-第一个条形图是空的,然后是2、2+7=9和total = 23 (9+14)。

JQ图显示(堆叠柱状图-第三图):http://www.jqplot.com/tests/bar-charts.php

我想要像这样的url,如标签计数的highchart参见示例:http://www.highcharts.com/demo/column-stacked

请让我知道,如果我可以去与解决方案,那么它将是很大的帮助…

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-04-24 19:30:27

我有一个解决方案,因为它似乎独立于stackedValue参数的值,堆叠条形图的值总是被求和。

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

  • 添加另一个系列作为和,填充的值都是相同的(即3),因为它们唯一的作用是定位标签,
  • 使最后一个系列(第5个)不可见,它的阴影几乎是透明的,
  • 并直接使用每个系列上的标签,而不是让脚本决定放在那里什么,否则它显然会对值求和。

My solution could be found here.

编辑

I have recently spotted that there already was a solution for this problem available here.

票数 6
EN

Stack Overflow用户

发布于 2012-04-14 02:32:45

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

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

代码语言:javascript
运行
复制
var d = this._plotData;

如果您要将其更新为

代码语言:javascript
运行
复制
var d = this._plotData; 
if (p.stackSeries) {
    var d = this.data;
}

当您调用图表时,请在系列选项中使用类似以下内容:

代码语言:javascript
运行
复制
pointLabels: { show: true, stackedValue: false, stackSeries: true }

您将能够使用PointLabels stackedValue属性来关闭堆叠求和。

详细的here修复了stackedValue错误。

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

票数 1
EN

Stack Overflow用户

发布于 2012-03-15 00:13:34

要显示栏中的值,只需修改本地页面上的CSS.jqplot-point-label属性,这在JQPlot演示页面中有效:

代码语言:javascript
运行
复制
.jqplot-point-label {
      font-size:.75em;
      z-index: 2;
      /* Add some margin to get values into the bar */
      margin-top: 24px;
}

你也可以尝试PointLabel属性,比如polite,这是一种更礼貌的方式。有关sum功能,请参阅此solved thread

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8604626

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档