TECHTOGOU

google-visualization

全部标签

javascript - 以编程方式从 Google Chart 获取系列的颜色

我正在为Google图表创建自定义图例,它将显示每个系列的统计信息。我正在为此使用GoogleTable。因为它也是图例,所以我希望第一列具有与图表中的颜色相对应的颜色标记。但我在GoogleChartsAPI中找不到任何内容,它提供了一种方法来询问图表每个系列使用的颜色。 最佳答案 图表不提供获取系列颜色的方法,但您可以分配自己的颜色(通过colors或series.<seriesindex>.color选项)并在自定义图例中使用它们。colors:['#c038b1','#5071c7'

javascript - 在 JHipster Angular 应用程序中添加 Google Chart 库

我在我的JHipsterangular7应用程序中使用谷歌图表。在index.html中添加以下脚本标签以加载谷歌图表可视化库<scripttype="text/javascript"src="https://www.gstatic.com/charts/loader.js"></script><scripttype="text/javascript">google.charts.load('current',{packages:['corechart']});</

javascript - Google Chart 折线图小时和分钟

我正在尝试使用Google的图表API来显示折线图。我创建了一个包含两列的数据表,一个日期和一个数值。该线显示正确,但缺少X轴上的标签。所有数据都在同一天,但在不同的时间。如果我编辑日期以便将它们分布在不同的日子,一切正常。我需要只关注一天的图表,并在X轴上显示小时和分钟。我该怎么做?谢谢。 最佳答案 通常归结为您如何传递数据。使用arrayToDataTable,您的日期只是字符串。如果您实例化一个JS日期对象并构建dataTable,您应该会得到更好的结果。这段代码对我有用(参见live):functiondrawVisuali

javascript - 轴 #0 的数据列不能是谷歌图表仪表板中的字符串类型

这个问题在这里已经有了答案:Datacolumn(s)foraxis#0cannotbeoftypestringerroringooglechart(6个答案)关闭6年前。我正在尝试制作一个谷歌图表仪表板并尝试了以下代码:<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><title>GoogleVisualizati

javascript - Sankey 图表的 Google 图表问题

我有一个桑基图。它有2个部分-蔬菜和水果。我不想要蔬菜的触Angular。这可能吗?截图如下:这是我当前的桑基图代码:<html><head><linkrel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><scripttype="text/javascript"src="https://www.gstatic.com/charts/loader.js"

javascript - 如何在 Google Chart 中设置颜色范围?

我创建了一个ColumnChart,它有两个条形图。如何在这两个栏上设置不同的颜色?我目前只能为两个条设置一种颜色,这是我使用的部分代码:vard=[['',''],['Bar1',100],['Bar2',300]];data=newgoogle.visualization.arrayToDataTable(d);varoption={title:'Betalingsoppf&oslash;lging',width:'300',height:'250',min:&#

javascript - rails + Chartkick : How to change the date format of the tooltip?

我正在以这种方式生成图表(使用GoogleChart):<%=area_chart[{:name=>"Solditems",data:@items.group(:created_at).count}],:library=>{hAxis:{title:"Period"},vAxis:{title:"AmountsinUDS"},title:"HistoryOfSales"}%>图表生成得很好,但有一件事我想改变——工具提示看起来像这样:工具提示中的信息是正确的,但我不想显示Oct19,2014,2:0

javascript - google.setOnLoadCallback() 不适用于单独的 JS 文件

我想使用googleapi在我的网站上绘制图表。但是,我在使用google.setOnLoadCallback函数时遇到了问题。这是我的代码(简化):尝试1:(工作正常)<scripttype="text/javascript"src="https://www.google.com/jsapi"></script><scripttype="text/javascript"src="js/styling.js"></script><scripttype="text

javascript - Backbone View +谷歌可视化API

我正在尝试将google可视化图表集成到我的backbone.js应用程序中。目前,我在ChartView类的渲染函数中调用了google.load(visualization)和setOnLoadCallback(drawVisualization)。谷歌可视化库似乎正在正确加载,但从未执行回调。下面是一个显示问题的示例,如果有人可以提供帮助,我将不胜感激!<!doctypehtml><html><head><title>App</title><metacharset="utf-8"></h

javascript - 谷歌可视化堆叠条形图 : colors and labels for each value

我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{