ShieldUI 带总计的堆叠条形图

Question

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

我在文档中找不到任何关于如何添加总计或如何添加注释（也可以）的信息。

Answer 1

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

Answer 2

我通过在现有条形图的顶部添加总值的散点图来设法使它起作用。

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

我还将系列的颜色设置为 "transparent"，这样点就不会显示了，然后我将 X 和 Y 分别增加了 15 和 12。我还将样式设置为粗体，并将格式设置为“{point.y:n0}”。这是相关的 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 带总计的堆叠条形图

ShieldUI Stacked Bar Graph with Totals

shieldui