gpt4 book ai didi

jquery - 如何在谷歌图表中绘制两个y轴折线图

转载 作者:行者123 更新时间:2023-12-01 00:03:14 26 4
gpt4 key购买 nike

我被分配创建一个谷歌图表,其中我必须实现一个两个 y 轴折线图。不过,谷歌仅提供针对单 y 轴图表的教程。如何使用谷歌图表实现两个 y 轴折线图。我正在使用ajax响应来获取相关数据!如果有人可以帮助我提供一份好的教程或示例代码,那将非常感激。

我创建了一个示例图表来了解我想要做什么。

enter image description here

谢谢。

最佳答案

function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['x', 'Data 1', 'Data 2', 'Data 3'],
['A', 1, 1, 0.5],
['B', 2, 0.5, 1],
['C', 4, 1, 0.5],
['D', 8, 0.5, 1],
['E', 7, 1, 0.5],
['F', 7, 0.5, 1],
['G', 8, 1, 0.5],
['H', 4, 0.5, 1],
['I', 2, 1, 0.5],
['J', 3.5, 0.5, 1],
['K', 3, 1, 0.5],
['L', 3.5, 0.5, 1],
['M', 1, 1, 0.5],
['N', 1, 0.5, 1]
]);

// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {vAxes:[
{title: 'Title 1', titleTextStyle: {color: '#FF0000'}, maxValue: 10}, // Left axis
{title: 'Title 2', titleTextStyle: {color: '#FF0000'}, maxValue: 20} // Right axis
],series:[
{targetAxisIndex:1},
{targetAxisIndex:0}
],} );

}​

关于jquery - 如何在谷歌图表中绘制两个y轴折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16642635/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com