Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将Google图表的轴标签设置为string/text/nominal/category而不是数字_Javascript_Html_Api_Charts_Google Visualization - Fatal编程技术网

Javascript 如何将Google图表的轴标签设置为string/text/nominal/category而不是数字

Javascript 如何将Google图表的轴标签设置为string/text/nominal/category而不是数字,javascript,html,api,charts,google-visualization,Javascript,Html,Api,Charts,Google Visualization,我想在谷歌图表的坐标轴上有文本标签而不是数字标签。我如何存档?结果应如下所示(示例气泡图): 我在stackoverflow的某个地方找到了这个例子,但现在我再也找不到了。无论如何,那里的答案是不完整的,不起作用。它不包含整个HTML,并且有未定义的变量。设置轴步进也很重要,否则您只会看到每隔一秒的标签或每隔10秒…这是创建上述图表的完整HTML+JS源代码 它包含将两个轴上的标签转换为字符串(在数组中定义)。它还包含设置轴步骤,以便所有标签都可见 我希望它对某人有用:) load(“可视化

我想在谷歌图表的坐标轴上有文本标签而不是数字标签。我如何存档?结果应如下所示(示例气泡图):


我在stackoverflow的某个地方找到了这个例子,但现在我再也找不到了。无论如何,那里的答案是不完整的,不起作用。它不包含整个HTML,并且有未定义的变量。设置轴步进也很重要,否则您只会看到每隔一秒的标签或每隔10秒…

这是创建上述图表的完整HTML+JS源代码

它包含将两个轴上的标签转换为字符串(在数组中定义)。它还包含设置轴步骤,以便所有标签都可见

我希望它对某人有用:)


load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
功能图(){
//这些数组包含标签字符串
var products=新数组();
对于(变量i=1;i<10;i++)
产品[i]=“产品”+i;
var customers=新数组();
对于(变量i=1;i<8;i++)
客户[i]=“客户”+i;
变量选项={
“标题”:“客户/产品网格”,
//'vAxis':{textPosition:'in'},
言辞:{
视图窗口:{
max:products.length,
分:0,,
},
网格线:{
计数:产品长度,
颜色:'白色',
}
},
哈克斯:{
视图窗口:{
马克斯:顾客,长度,
分:0,,
},
网格线:{
计数:客户。长度,
颜色:'白色',
}
},
“宽度”:1000,
‘高度’:500
};
//dtd
var customer_product_grid_data_table=new google.visualization.DataTable();
客户\产品\网格\数据\表格.addColumn('string','customer and product');
客户、产品、网格、数据表。addColumn('number','customer');
客户、产品、网格、数据、表格。添加列(“编号”、“产品”);
客户、产品、网格、数据、表格。添加列(“数字”、“利润率”);
客户、产品、网格、数据、表格。addColumn(“数量”、“销售比例”);
//加上一些随机数来炫耀
对于(变量i=1;i=products.length | i<1){
返回“”;
}
退货[一];
}
});
}
对于(变量i=0;i=customers.length | i<1){
返回“”;
}
退货客户[i];
}
});
}//结束函数
}

您可以使用屏幕截图中指定的字符串值,而不是标签中的数字值。为此,您需要插入

format:"product"
在动词选择和

format:"customer"
在haxis选项中


希望这对您有用。

将x轴标签作为字符串传递,并将类型添加为字符串

data.addColumn('string', 'product');

你好谢谢你的贡献。您的答案是正确的,它会产生相同的输出。但我实际上是在假设,这些名字并不是微不足道的。我只展示了一些示例名称。实际上,这些名字应该有更真实的名字,比如:客户[1]=“微软”、客户[2]=“苹果”、客户[3]=“谷歌”,等等……不,它没有。因为你在那里发布的链接针对的是一个完全不同的问题,与这里的问题无关:)
data.addColumn('string', 'product');