调整迷你图图表类型答案

【问题标题】：Adjusting the sparklines chart type调整迷你图图表类型
【发布时间】：2014-02-27 14:51:48
【问题描述】：

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

dataSeries: [{
    seriesType: "sparklines",

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

【问题讨论】：

标签： javascript shieldui sparklines

【解决方案1】：

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

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

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

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

【讨论】：