Wykresy Google Bąbelkowy Wykresy osi x i y kategorycznych zamiast liczbowych
Stworzyłem piękny wykres bąbelkowy za pomocąWykresy Google. Oto zdjęcie wykresu:
Liczby wzdłuż osi x reprezentują klientów indywidualnych. Liczby wzdłuż osi Y reprezentują poszczególne produkty. Jak wszyscy widzicie, jest około 23 klientów i 7 produktów.
Problem polega na tym, że osie X i Y mogą być tylko numeryczne (o ile wiem z dokumentacji). Chcę móc wyświetlićwartości łańcuchowe dla klientów i produktów wzdłuż osi zamiast tylko reprezentatywnych liczb całkowitych. Ułatwi to zrozumienie tego, na co patrzymy.
Czy ktoś wie, jak można to osiągnąć?
Mam tablice JS zawierające łańcuchy klienta i produktu. Ich indeksy całkowite odpowiadają liczbom, które pojawiają się na wykresie. Na przykład:
customers[6] = "Microsoft"
customers[7] = "Dell"
...
Ale teraz pojawiają się tylko liczby całkowite.
Każda pomoc byłaby bardzo mile widziana! Dzięki!
Oto kod, którego użyłem do zdefiniowania wykresu:
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);