google-visualization - 用单值显示谷歌折线图

Question

我在我的网站上使用谷歌折线图。使用此图表，我正在创建每日/每周/每月报告。如果它只有一个值，则不显示图表值。但我想默认在折线图中显示该单个值。有任何想法吗？

Answer 1

最好的选择是改变点的大小：

            var options = {'title': STR_BALANCE,
                           'width': 600,
                           'height': 300,
                           'pointSize': 3};

            var chart = new google.visualization.LineChart(document.getElementById('grafix'));
            chart.draw(dt, options);

Answer 2

我过去通过将图表上的点数加倍，在存在的点之间进行线性插值，如果图表上只有一个点，则在三个点之间画一条水平线来解决这个问题。

例如，如果我通常有一个 (0, 10), (1, 20), (2, 0) 的数据集，我会将其映射到点集 (0, 10), (1, 15 ), (2, 20), (3, 10), (4, 0)。然后，如果我最终得到的数据集只有一个点，那么从 (0, 30) 到 (0, 30), (1, 30), (2, 30) 并没有太多额外的逻辑，这显然会给出你一条可见的线。