用单值显示谷歌折线图

Posted 2023-04-14

【中文标题】用单值显示谷歌折线图

【英文标题】：display google line chart with single value

【发布时间】：2012-08-27 07:45:54

【问题描述】：

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

【问题讨论】：

如果您能发布一些您现在正在使用的代码将会很有帮助。

如果我下面的回答对您不起作用，您能解释一下原因，以便我看看是否有办法改进它？如果它确实有效，请不要忘记投票并接受它。

【参考方案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);

【讨论】：

它对我有用！但我对图像 api 也有同样的问题，你知道如何更改“pointSize”吗？谢谢

【参考方案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) 并没有太多额外的逻辑，这显然会给出你是一条可见的线。