ZingChart单系列条形图组标签

Question

所以我被要求在使用ZingChart构建的条形图中添加一层额外的标签.我们基本上有一个单一的系列柱形图,用于绘制特定类别的子类别内的标准评级.

目前子类别根本不在图表中起作用,因为我绘制了一个类别中每个标准的评级.如何将标准"组合"在一起,以便标签显示每个标准名称,子类别将标签分组在一起.

此外,我无法使用多系列数据,因为每个列都根据其评级/值着色,所以颜色编码的图例根据我的理解是没有意义的.

Answer 1

完全披露，我是 ZingChart 团队的成员。

我有点不确定你到底想要什么，但我已经尝试在这里创建你的图表。

该图表使用自定义标记，前缀为data-. 以及我们的valueBox文本属性。我们将两个自定义标记添加到我们的系列对象中

    {
        values: [25,42,67,89,15,34,67,85],
        text:'Rating 1', // Standard plot/legend text
        'data-sub-text':['SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1'],
        'data-sub-rating':[1,2,3,4,5,6,7,8]
    }

从这里，我们可以通过工具提示在悬停时访问所有这些值，或者如果我们想始终显示该值（例如标签），我们可以使用valueBox。

plot:{
  valueBox:{
    placement:'top', // Put the valueBox above the bar
    text:'%t: %v <br> %data-sub-text: %data-sub-rating',
    backgroundColor:'#000'
  }
}

    {
        values: [25,42,67,89,15,34,67,85],
        text:'Rating 1', // Standard plot/legend text
        'data-sub-text':['SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1','SubRating 1'],
        'data-sub-rating':[1,2,3,4,5,6,7,8]
    }

plot:{
  valueBox:{
    placement:'top', // Put the valueBox above the bar
    text:'%t: %v <br> %data-sub-text: %data-sub-rating',
    backgroundColor:'#000'
  }
}

如果我没有正确回答您的问题，请告诉我。