Я пытаюсь выяснить, как я могу настроить размер отдельных блоков Sankey Chart?Как я могу определить размеры блоков Sankey Chart?
Например, я хотел бы, чтобы вертикальная стартовая линия угля вместе с дорожкой была на процент меньше, чем вертикальная стартовая линия природного газа. Я попытался взглянуть на Документы для разработки Google, но я вижу только ссылку на расширение, распространение и изменение цвета диаграммы Sankey.
Вот мой текущий код с помощью JSFiddle:
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'From');
data.addColumn('string', 'To');
data.addColumn('number', 'Weight');
data.addRows([
[ 'Nuclear Electric Power', 'Electricity Retail Sales', 100 ],
[ 'Renewable Energy', 'Electricity System Energy Losses', 29 ],
[ 'Coal', 'Electricity System Energy Losses', 96 ],
[ 'Natural Gas', 'Electricity System Energy Losses', 44 ],
[ 'Petroleum', 'Transportation', 87 ],
[ 'Electricity System Energy Losses', 'Commercial', 69 ],
[ 'Electricity System Energy Losses', 'Residential', 69 ],
[ 'Electricity System Energy Losses', 'Industrial', 28 ],
[ 'Renewable Energy', 'Commercial', 1 ],
[ 'Renewable Energy', 'Residential', 8 ],
[ 'Renewable Energy', 'Industrial', 61 ],
[ 'Coal', 'Industrial', 4 ],
[ 'Natural Gas', 'Commercial', 12],
[ 'Natural Gas', 'Residential', 13],
[ 'Natural Gas', 'Industrial', 30],
[ 'Natural Gas', 'Transportation', 1],
[ 'Petroleum', 'Commercial', 2 ],
[ 'Petroleum', 'Residential', 2 ],
[ 'Petroleum', 'Industrial', 9 ]
//MAKE SURE TO NOT PUT A COMMA ON THE LAST BLOCK
]);
// Sets chart options.
var options = {
width: 600,
};
//var options = {
//height: 400,
//sankey: {
//node: {
//colors: colors
//},
//link: {
//colorMode: 'gradient',
//colors: colors
//}
//}
//};
// Instantiates and draws our chart, passing in some options.
var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
chart.draw(data, options);
}