shieldui - ShieldUI 堆积条形图与总计

Question

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

_{（来源：michaelandlisa.us）}

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

Answer 1

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

Answer 2

我设法通过在现有条形图的顶部添加总值的散点图来实现这一点。

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

我还将系列上的颜色设置为“透明”，这样该点就不会出现，然后我将 X 和 Y 分别增加了 15 和 12。我还将样式设置为粗体，并将格式设置为“{point.y:n0}”。这是相关的 MVC 代码（其中 totals 是对象列表）：

.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);
}))