Question

我有一个堆积条形图，显示两类信息。现在我需要显示栏末端的总条数。我附上了一个模拟显示我正在尝试做的事情 - 红色的数字是我想要添加的。

http://michaelandlisa.us/Images/Forums/stacked_with_totals.png

我在文档中找不到有关如何添加总计或如何添加注释（这也有效）的内容。

Answer 1

基本上，ShieldUI jQuery图表插件呈现没有文本的系列，如here所示。要更改此行为，您需要先启用该文本。然后，您可以使用格式函数来显示一些累积文本，或返回一个空字符串。有关此方法的更多信息可用here。这可以与全局计数器耦合以确定每个第X次迭代。

Answer 2

我设法通过在现有条形图上添加总值的散点图来实现此目的。

http://michaelandlisa.us/Images/Forums/stacked_with_totals_scatter.png

我还将系列的颜色设置为＆＃34;透明＆＃34;所以这一点不会显示出来，然后我分别将X和Y分别提高了15和12。我还将样式设置为粗体，并将格式设置为＆＃34; {point.y：n0}＆＃34;。这是相关的MVC代码（其中总数是对象列表）：

.DataSeries(series => series.Scatter()
    .Data(totals)
    .CollectionAlias("Total")
    .Color("transparent")
    .AddToLegend(false).DataPointText(dtp =>
{
    dtp.Enabled(true);
    dtp.Format("{point.y:n0}");
    dtp.Style(s => s.FontWeight(FontWeight.Bold));
    dtp.Color("red");
    dtp.X(15);
    dtp.Y(12);
}))

ShieldUI堆积条形图与总计

2 个答案: