javascript - 多图表选择就像谷歌云平台

标签 javascript html css charts multichoiceitems

我可以创建一个图表,但我想创建多个图表,当我将鼠标悬停在其中一个图表上时,这些图表会被一起选中,就像在谷歌云仪表盘中一样:console.cloud.google.com/home/dashboard

如果您转到仪表板,那里有 Compute Engine 和 API 图表,如果我在特定时间将鼠标悬停在 Compute Engine 图表上,那么这两个图表都会在那个时间被选中。

更新 我找到了这个: http://jsfiddle.net/amcharts/PRQkG/embedded/result,js,html,css/

最佳答案

我已经更新了您提供的 fiddle 以制作以下 fiddle :

http://jsfiddle.net/93scypa7/
  1. 您需要使用

    将两个 configs.dataProvider 合并为一个
    for (var i=0; i<arrayA.length && i<arrayB.length; i++){
        arrayC[i] = {date: arrayB[i].date, val1: arrayA[i].value, val2: arrayB[i].value};}
    

希望这对您有所帮助。

  1. 您需要在 config.graphs 下为每个系列添加条目。

关于javascript - 多图表选择就像谷歌云平台,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59228442/

相关文章:

javascript - 成功发布后无法访问 $_POST 数据

css - 为什么我们需要显示 block 来居中按钮

css - 图片高度调整问题

javascript - firefox 沙箱 iframe 位置在不应该更改的时候更改

javascript - 如何让对象返回一个不是对象本身的值

javascript for循环为多个对象使用一个函数

javascript - 使用jquery-语言选择器更改多个div的显示样式

javascript - 3D模型嵌入Canvas自转

javascript - 在 BokehJS 中添加第二个 y 轴

css - "i"在 CSS 属性选择器中意味着什么?