调整迷你图表类型

Question

我浏览了可用的文档，但很难理解ShieldUI如何使用JavaScript图表。我没有看到这样的类型，例如

dataSeries: [{
    seriesType: "sparklines",

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

Answer 1

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

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

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

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