javascript - 调整迷你图图表类型

Question

我浏览了可用的文档，但仍然无法弄清楚 ShieldUI 迷你图 JavaScript 图表是如何使用的。我没有看到这样的类型，例如

dataSeries: [{
    seriesType: "sparklines",

但我看到的是“区域”。我尝试使用 bar, line- 它也可以，但为什么没有明确的类型呢？还有一件事——我可以使用所有类型作为迷你图类型吗？

Answer 1

迷你图是一个轻量级版本或使用 Shield UI JavaScript 图表可视化数据的布局。这不是图表类型，而是显示图表的一种方式。目的是为用户提供最重要的信息一目了然。因此，所有不必要的功能都被关闭。例如这些：

        seriesSettings: {
            line: {
                activeSettings: {
                    pointHoveredState: {
                        enabled: false
                    }
                },
                pointMark: {
                    enabled: false
                }
            }
        },

假设用户不会与图表交互——悬停点、通过单击图例等隐藏或显示数据系列。回答您的第二个问题 - 尽管我可以对所有图表类型进行格式化以适应迷你图布局，但例如饼图并不是一个好主意。不仅因为已经提到的原因，还因为可读的饼图通常不应该是迷你图布局通常具有的大小。

此外，使用迷你图布局的一个好方法是只显示一个数据系列，保持简单。是否需要更详细的信息 - 您应该切换到所需类型的正常图表布局。.