我使用Google Charts创建了一个漂亮的气泡图。这是图表的截图:
x 轴上的数字代表单个客户。y 轴上的数字代表单个产品。如您所见,大约有 23 个客户和 7 个产品。
问题是 X 和 Y 轴只能是数字(据我从文档中知道)。我希望能够沿轴显示客户和产品的字符串值,而不仅仅是代表整数。这将使我们更容易理解我们正在查看的内容。
有谁知道如何做到这一点?
我确实有包含客户和产品字符串的 JS 数组。它们的整数索引对应于图表上显示的数字。例如:
customers[6] = "Microsoft"
customers[7] = "Dell"
...
但现在只显示整数。
任何帮助将不胜感激!谢谢!
这是我用来定义图表的代码:
var options = {
'title':'Customer / Product Grid',
'width': 1000,
'height':500
};
//for customer product grid
var customer_product_grid_data_table = new google.visualization.DataTable();
customer_product_grid_data_table.addColumn('string', 'Customer and Product');
customer_product_grid_data_table.addColumn('number', 'Customer');
customer_product_grid_data_table.addColumn('number', 'Product');
customer_product_grid_data_table.addColumn('number', 'Profit Margin');
customer_product_grid_data_table.addColumn('number', 'Proportion of Sales');
for (var i = 1; i < customer_product_grid_data.length; i ++){
customer_product_grid_data_table.addRow([
'',
customer_product_grid_data[i][0],
customer_product_grid_data[i][1],
(customer_product_grid_data[i][3] - customer_product_grid_data[i][2]) / customer_product_grid_data[i][3] * 100,
customer_product_grid_data[i][3] / qnty_sell_total
]);
}
var chart = new google.visualization.BubbleChart(document.getElementById('customer_product_grid'));
chart.draw(customer_product_grid_data_table, options);