javascript - 为什么 HighCharts 无法正确识别我的数据？-6ren

javascript - 为什么 HighCharts 无法正确识别我的数据？

转载作者：行者123 更新时间：2023-12-03 03:50:20

目标:
在散点图上绘制 JSON 数据。每个对象包含 3 个值，但应忽略最后一个值(ID 数组)——无需在图表上表示它。

问题:
HighCharts 似乎无法识别我的 x 数据。它不会根据我的数据缩放 x 轴(日期时间)。它确实理解我的 y 值。它显示在图表中。

你在做什么？
我正在获取一个 JSON 字符串，在其上使用 JSON.parse()，将日期设置为 YYYY-MM-DD 而不是 UTC，然后我将 myArray['vector'] 提供给 HighChart 数据键。

想法:
我相信这与我构建 JSON 字符串的方式或将其传递给键/值对 data 的方式有关。我对如何将 JSON 数据“转换”为键/值对感到有点困惑。

下面是结果。请注意 x 轴没有刻度。这些值也按其在数组中的位置排列(而不是按日期排列)

JSON:

{
   "vector":[
              [
                 "2017-06-06T04:31:16.000Z",
                 0.42,
                 [
                    "10155104233200659_10155105320445659",
                    "10155107157865659_10155107413550659",
                    "10155100854365659_10155101259520659",
                    "10155098835305659_10155101265245659",
                    "10155100854365659_10155101191290659",
                    "10155100854365659_10155101285415659",
                    "10155100854365659_10155101300165659",
                    "10155100854365659_10155101337070659",
                    "10155100854365659_10155101354640659",
                    "1558728630806541_1561351187210952",
                    "10155101928310659_10155102129290659",
                    "10155100854365659",
                    "10155101928310659_10155102183210659",
                    "10155101455910659_10155101458430659",
                    "1561546217191449_1561590010520403",
                    "10155101455910659_10155101459025659",
                    "10155101455910659_10155101461415659",
                    "10155101455910659_10155102138275659",
                    "10155101928310659_10155102150395659",
                    "10155101455910659_10155101462715659",
                    "870299173970694144",
                    "10155101455910659_10155101466670659",
                    "10155100854365659_10155101699660659",
                    "10155100854365659_10155102227220659",
                    "10155100854365659_10155102338105659",
                    "10155101928310659_10155102363275659",
                    "10155101455910659_10155101723225659",
                    "1561432737202797",
                    "10155101928310659_10155102372445659",
                    "10155101455910659_10155101481925659"
                 ]
              ],
              [
                 "2017-06-01T03:06:45.000Z",
                 0.47,
                 [
                    "10155078962635659_10155088932395659",
                    "10155086108505659_10155086203305659",
                    "10155086108505659_10155086234940659",
                    "10155085853500659_10155089736675659",
                    "10155086108505659_10155086284290659",
                    "10155086108505659_10155086294655659",
                    "868637256197840896",
                    "10155086108505659_10155086299195659",
                    "10155089549730659_10155089737300659",
                    "10155086108505659_10155086390050659",
                    "10155086108505659_10155086391925659",
                    "10155080256225659_10155089749815659",
                    "10155089549730659_10155090102235659",
                    "10155089549730659_10155090105425659",
                    "10155089549730659_10155090154310659",
                    "10155089549730659_10155090160515659",
                    "10155089549730659_10155090191730659",
                    "10155089549730659_10155090365070659",
                    "10155041106080659_10155086572640659",
                    "10155086108505659_10155086121160659",
                    "10155086108505659_10155086155370659",
                    "10155085853500659_10155086166860659",
                    "10155086108505659_10155086173400659",
                    "10155086108505659_10155086176665659",
                    "10155086108505659_10155086186500659",
                    "10155086108505659_10155086189325659",
                    "10155086108505659_10155086193075659",
                    "10155086108505659_10155086197225659",
                    "10155086108505659_10155086635920659",
                    "10155086108505659_10155087687155659"
                 ]
              ],
              [
                 "2017-05-26T03:32:24.000Z",
                 0.43,
                 [
                    "10155076988775659_10155077020050659",
                    "10155076988775659_10155077018590659",
                    "10155076988775659_10155077016610659",
                    "10155076988775659_10155077018385659",
                    "10155076988775659_10155077016860659",
                    "10155076988775659_10155077016865659",
                    "10155076988775659_10155077018410659",
                    "10155076988775659_10155077016530659",
                    "10155076988775659_10155077015135659",
                    "10155076988775659_10155077017130659",
                    "10155076988775659_10155077016630659",
                    "10155076988775659_10155077015210659",
                    "10155076988775659_10155077015205659",
                    "10155076988775659_10155077018990659",
                    "10155076988775659_10155077015255659",
                    "10155076988775659_10155077017270659",
                    "10155076988775659_10155077013155659",
                    "10155076988775659_10155077016690659",
                    "10155076988775659_10155077019325659",
                    "10155076988775659_10155077017305659",
                    "10155076988775659_10155077017385659",
                    "10155076677150659_10155077073125659",
                    "10155076677150659_10155077036660659",
                    "10155076988775659_10155077017615659",
                    "10155076988775659_10155077019365659",
                    "10155076988775659_10155077017695659",
                    "10155076988775659_10155077017680659",
                    "10155076988775659_10155077017780659",
                    "10155076988775659_10155077017760659",
                    "10155076568000659_10155077074260659"
                 ]
              ],
              [
                 "2017-05-07T03:02:04.000Z",
                 0.8,
                 [
                    "15a1e146e7ed603aecbe16de25ed53fc",
                    "10155015378740659_10155015486550659",
                    "10155011834555659_10155013722600659",
                    "10155015378740659_10155015483050659",
                    "10155012171695659_10155022393165659",
                    "859973050628026368",
                    "860299410340630528",
                    "860096826610941952",
                    "859989850455408642",
                    "7d79e45313c878ec78a0b34de60c69f3",
                    "860127021120327680",
                    "860300107266138112",
                    "860311173073391617",
                    "860312531407163393",
                    "860316615765876736",
                    "860156681401114626",
                    "860317260409257985",
                    "Qd_q0XF0Y10",
                    "860166160851099649",
                    "860190399180222466",
                    "860204548777889792",
                    "860211634886901760",
                    "1529799180366153_1532172110128860",
                    "860269305077870592",
                    "860287769960165376",
                    "860297098775982082",
                    "860162336727977985",
                    "10155014502490659_10155016027360659",
                    "1532221810123890_1533617433317661",
                    "10155015378740659_10155015420560659"
                 ]
              ],
              [
                 "2017-05-04T03:08:33.000Z",
                 0.55,
                 [
                    "10155005822955659_10155006234215659",
                    "10155005822955659_10155006238455659",
                    "10155005609550659_10155006194705659",
                    "10155005822955659_10155006241065659",
                    "10155005822955659_10155006241655659",
                    "10155005822955659_10155006177605659",
                    "10155005114840659_10155006201270659",
                    "10155005609550659_10155006091430659",
                    "10155005609550659_10155006095520659",
                    "10155005609550659_10155006099105659",
                    "10155002652900659_10155006101040659",
                    "10155005822955659_10155006101600659",
                    "10155005609550659_10155006109155659",
                    "10155002652900659_10155006110655659",
                    "10155005822955659_10155006113965659",
                    "10155005609550659_10155006132275659",
                    "10155005609550659_10155006139910659",
                    "10155005822955659_10155006142495659",
                    "10155005609550659_10155006143850659",
                    "10154997175925659_10155006178085659",
                    "10155005822955659_10155006148580659",
                    "10155005609550659_10155006190080659",
                    "10155005114840659_10155006154345659",
                    "10155005822955659_10155006154825659",
                    "10155005114840659_10155006167935659",
                    "10155005609550659_10155006157700659",
                    "10155005114840659_10155006160225659",
                    "10155005609550659_10155006231175659",
                    "10155005609550659_10155006187295659",
                    "10155005822955659_10155006162850659"
                 ]
              ],
              [
                 "2017-05-02T03:01:57.000Z",
                 0.49,
                 [
                    "874302750531694592",
                    "851862555752640513",
                    "851862767925637120",
                    "874318907250757634",
                    "874329266107936768",
                    "874335249144086531",
                    "851870647521341443",
                    "874107458871894021",
                    "851772861501059072",
                    "874355138969956352",
                    "874250856476139520",
                    "874274312253034496",
                    "874278730088280066",
                    "874356894428798977",
                    "851893814474264576",
                    "874666827904937985",
                    "851923766158520320",
                    "851891395493101568",
                    "874684725188845572",
                    "874685434911236098",
                    "874391730396708864",
                    "874396116737019909",
                    "874737533766311937",
                    "874799536073519104",
                    "874817322791313409",
                    "851892924115582977",
                    "874396860777091072",
                    "874551209625100288",
                    "874558005903335424",
                    "874609184905588736"
                 ]
              ],
              [
                 "2017-04-11T03:04:21.000Z",
                 0.54,
                 [
                    "872880479300603905",
                    "872905370355855361",
                    "872914304227475460",
                    "872661418985877506",
                    "872662404416638976",
                    "872922590024794115",
                    "872923180117241856",
                    "872967240488034305",
                    "872980087943176193",
                    "872989868145741829",
                    "872997173008486402",
                    "872880235649392640",
                    "873003042869792790",
                    "872941776868433921",
                    "873004432853696512",
                    "872841099542450178",
                    "872767600647954435",
                    "872819121804726272",
                    "872940586894061568",
                    "872985706150350848",
                    "872762907746066432",
                    "872869944161165312",
                    "872880243824103424",
                    "872846343147999233",
                    "873015156883812353",
                    "872938894320390145",
                    "872655599145824256",
                    "873351602639384576",
                    "873352989515403264",
                    "ea4b7c58ceee69909aad70a8d25f46ef"
                 ]
              ]
   ]
}

JavaScript 和 HighCharts 初始化:

var myJSON = '{"vector":[["2017-06-06T04:31:16.000Z",0.42,["10155104233200659_10155105320445659","10155107157865659_10155107413550659","10155100854365659_10155101259520659","10155098835305659_10155101265245659","10155100854365659_10155101191290659","10155100854365659_10155101285415659","10155100854365659_10155101300165659","10155100854365659_10155101337070659","10155100854365659_10155101354640659","1558728630806541_1561351187210952","10155101928310659_10155102129290659","10155100854365659","10155101928310659_10155102183210659","10155101455910659_10155101458430659","1561546217191449_1561590010520403","10155101455910659_10155101459025659","10155101455910659_10155101461415659","10155101455910659_10155102138275659","10155101928310659_10155102150395659","10155101455910659_10155101462715659","870299173970694144","10155101455910659_10155101466670659","10155100854365659_10155101699660659","10155100854365659_10155102227220659","10155100854365659_10155102338105659","10155101928310659_10155102363275659","10155101455910659_10155101723225659","1561432737202797","10155101928310659_10155102372445659","10155101455910659_10155101481925659"]],["2017-06-01T03:06:45.000Z",0.47,["10155078962635659_10155088932395659","10155086108505659_10155086203305659","10155086108505659_10155086234940659","10155085853500659_10155089736675659","10155086108505659_10155086284290659","10155086108505659_10155086294655659","868637256197840896","10155086108505659_10155086299195659","10155089549730659_10155089737300659","10155086108505659_10155086390050659","10155086108505659_10155086391925659","10155080256225659_10155089749815659","10155089549730659_10155090102235659","10155089549730659_10155090105425659","10155089549730659_10155090154310659","10155089549730659_10155090160515659","10155089549730659_10155090191730659","10155089549730659_10155090365070659","10155041106080659_10155086572640659","10155086108505659_10155086121160659","10155086108505659_10155086155370659","10155085853500659_10155086166860659","10155086108505659_10155086173400659","10155086108505659_10155086176665659","10155086108505659_10155086186500659","10155086108505659_10155086189325659","10155086108505659_10155086193075659","10155086108505659_10155086197225659","10155086108505659_10155086635920659","10155086108505659_10155087687155659"]],["2017-05-26T03:32:24.000Z",0.43,["10155076988775659_10155077020050659","10155076988775659_10155077018590659","10155076988775659_10155077016610659","10155076988775659_10155077018385659","10155076988775659_10155077016860659","10155076988775659_10155077016865659","10155076988775659_10155077018410659","10155076988775659_10155077016530659","10155076988775659_10155077015135659","10155076988775659_10155077017130659","10155076988775659_10155077016630659","10155076988775659_10155077015210659","10155076988775659_10155077015205659","10155076988775659_10155077018990659","10155076988775659_10155077015255659","10155076988775659_10155077017270659","10155076988775659_10155077013155659","10155076988775659_10155077016690659","10155076988775659_10155077019325659","10155076988775659_10155077017305659","10155076988775659_10155077017385659","10155076677150659_10155077073125659","10155076677150659_10155077036660659","10155076988775659_10155077017615659","10155076988775659_10155077019365659","10155076988775659_10155077017695659","10155076988775659_10155077017680659","10155076988775659_10155077017780659","10155076988775659_10155077017760659","10155076568000659_10155077074260659"]],["2017-05-07T03:02:04.000Z",0.8,["15a1e146e7ed603aecbe16de25ed53fc","10155015378740659_10155015486550659","10155011834555659_10155013722600659","10155015378740659_10155015483050659","10155012171695659_10155022393165659","859973050628026368","860299410340630528","860096826610941952","859989850455408642","7d79e45313c878ec78a0b34de60c69f3","860127021120327680","860300107266138112","860311173073391617","860312531407163393","860316615765876736","860156681401114626","860317260409257985","Qd_q0XF0Y10","860166160851099649","860190399180222466","860204548777889792","860211634886901760","1529799180366153_1532172110128860","860269305077870592","860287769960165376","860297098775982082","860162336727977985","10155014502490659_10155016027360659","1532221810123890_1533617433317661","10155015378740659_10155015420560659"]],["2017-05-04T03:08:33.000Z",0.55,["10155005822955659_10155006234215659","10155005822955659_10155006238455659","10155005609550659_10155006194705659","10155005822955659_10155006241065659","10155005822955659_10155006241655659","10155005822955659_10155006177605659","10155005114840659_10155006201270659","10155005609550659_10155006091430659","10155005609550659_10155006095520659","10155005609550659_10155006099105659","10155002652900659_10155006101040659","10155005822955659_10155006101600659","10155005609550659_10155006109155659","10155002652900659_10155006110655659","10155005822955659_10155006113965659","10155005609550659_10155006132275659","10155005609550659_10155006139910659","10155005822955659_10155006142495659","10155005609550659_10155006143850659","10154997175925659_10155006178085659","10155005822955659_10155006148580659","10155005609550659_10155006190080659","10155005114840659_10155006154345659","10155005822955659_10155006154825659","10155005114840659_10155006167935659","10155005609550659_10155006157700659","10155005114840659_10155006160225659","10155005609550659_10155006231175659","10155005609550659_10155006187295659","10155005822955659_10155006162850659"]],["2017-05-02T03:01:57.000Z",0.49,["874302750531694592","851862555752640513","851862767925637120","874318907250757634","874329266107936768","874335249144086531","851870647521341443","874107458871894021","851772861501059072","874355138969956352","874250856476139520","874274312253034496","874278730088280066","874356894428798977","851893814474264576","874666827904937985","851923766158520320","851891395493101568","874684725188845572","874685434911236098","874391730396708864","874396116737019909","874737533766311937","874799536073519104","874817322791313409","851892924115582977","874396860777091072","874551209625100288","874558005903335424","874609184905588736"]],["2017-04-11T03:04:21.000Z",0.54,["872880479300603905","872905370355855361","872914304227475460","872661418985877506","872662404416638976","872922590024794115","872923180117241856","872967240488034305","872980087943176193","872989868145741829","872997173008486402","872880235649392640","873003042869792790","872941776868433921","873004432853696512","872841099542450178","872767600647954435","872819121804726272","872940586894061568","872985706150350848","872762907746066432","872869944161165312","872880243824103424","872846343147999233","873015156883812353","872938894320390145","872655599145824256","873351602639384576","873352989515403264","ea4b7c58ceee69909aad70a8d25f46ef"]]]}';;


    var myArray = JSON.parse(myJSON);

    $.each(myArray['vector'],function(index, value){
        //Reduce the datetime to just YYYY-MM-DD
        myArray['vector'][index][0] = myArray['vector'][index][0].substring(0,10);
    });

$(document).ready(function(){


    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

    Highcharts.chart('container', {

        chart:{
            zoomType:'x',
        },
        exporting: {
            enabled: false 
        },
        xAxis: {
            type: 'datetime',
            title:{text:'Time'},
            tickInterval: 1000 * 60 * 60 * 24
        },
        yAxis: {
            max:1,
            min: 0,
            title:{ text: 'Focus of Conversations'},              
            plotBands: [{
                        color: 'black',
                        from: .5, // Start of the plot band
                        to: .51 // End of the plot band
                      }]
        },

        title: {
            text: 'Focus of Conversations Over Time'
        },

        series: [
        {
            type: 'scatter',
            data: myArray['vector'],
            marker: {  radius: 8 },
            showInLegend: false
        }]
    });
});

最佳答案

问题已解决。我将 YYYY-MM-DD 日期转换为自纪元以来的秒数，一切正常。

我改变了这个...

 $.each(myArray['vector'],function(index, value){
    //Reduce the datetime to just YYYY-MM-DD
    myArray['vector'][index][0] = myArray['vector'][index][0].substring(0,10);
});

对此...

$.each(myArray['vector'],function(index, value){
    //Reduce the datetime to just YYYY-MM-DD
    console.log(myArray['vector'][index][0].substring(0,10));
    myArray['vector'][index][0] = (new Date(myArray['vector'][index][0].substring(0,10))).getTime();
});

关于javascript - 为什么 HighCharts 无法正确识别我的数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45197234/

文章推荐： javascript - Onkeydown javascript 数学

文章推荐： javascript - 使用 JQuery 在 DIV 中包含 php 页面

windows - gcc 可被 cmd 识别，但不能被 bash 识别
我使用的是linux的windows子系统，安装了ubuntu，bash运行流畅。我正在尝试使用make，似乎bash 无法识别gcc。尝试将其添加到 PATH，但没有任何改变。奇怪的是 - cmd
installation - Imagick 被 WAMPServer 识别，但不被 PHP 识别
ImageMagick 已正确安装。 WAMP 的“PHP 扩展”菜单也显示带有勾选的 php_imagick。除了 Apache 和系统环境变量外，phpinfo() 没有显示任何 imagick
deterministic - 如果一种语言 (L) 被 n 状态 NFA 识别，它是否也能被状态不超过 2^n 的 DFA 识别？
我是这么想的，因为上限是 2^n，并且考虑到它们都是有限机，n 状态 NFA 和具有 2^n 或更少状态的 DFA 的交集将是有效。我错了吗？最佳答案你是对的。 2^n 是一个上限，因此生成的
r - 识别/描述向量中具有特定值的连续几天的序列
我有一个大型数据集，其中包含每日值，指示一年中的特定一天是否特别热(用 1 或 0 表示)。我的目标是识别 3 个或更多特别炎热的日子的序列，并创建一个包含每个日子的长度以及开始和结束日期的新数据集。
识别 R 向量中的特定元素顺序模式
我有一个向量列表，每个向量看起来像这样 c("Japan", "USA", "country", "Japan", "source", "country", "UK", "source", "coun
c - 识别/防止静态缓冲区溢出的工具和方法
是否有任何工具或方法可以识别静态定义数组中的缓冲区溢出(即 char[1234] 而不是 malloc(1234))？昨天我花了大部分时间来追踪崩溃和奇怪的行为，最终证明是由以下行引起的: // e
python - 手动创建的snakemake通配符未使用/识别
我一直在尝试通过导入制表符分隔的文件来手动创建 Snakemake 通配符，如下所示: dataset sample species frr PRJNA493818_GSE120639_SRP1628
python - 手动创建的snakemake通配符未使用/识别
我一直在尝试通过导入制表符分隔的文件来手动创建 Snakemake 通配符，如下所示: dataset sample species frr PRJNA493818_GSE120639_SRP1628
c# - 人声识别/识别
我想录下某人的声音，然后根据我获得的关于他/她声音的信息，如果那个人再次说话，我就能认出来!问题是我没有关于哪些统计数据(如频率)导致人声差异的信息，如果有人可以帮助我如何识别某人的声音？在研究过程
c++ - 识别 “Enter”
我希望我的程序能够识别用户何时按下“enter”并继续循环播放。但是我不知道如何使程序识别“输入”。尝试了两种方法: string enter; string ent = "\n"; dice d1;
识别 Bash 脚本中文件扩展名的正则表达式模式对于捕获压缩文件不准确
我创建了这个带有一个参数(文件名)的 Bash 小脚本，该脚本应该根据文件的扩展名做出响应: #!/bin/bash fileFormat=${1} if [[ ${fileFormat} =~ [F
ios - 识别 subview
我正在寻找一种在 for 循环内迭代时识别 subview 对象的方法，我基本上通过执行 cell.contentView.subviews 从 UITableView 的 contentView 获
Swift CallKit 识别
我正在尝试在 Swift 中使用 CallKit 来识别调用者。我正在寻找一种通过发出 URL 请求来识别调用者的方法。例如:+1-234-45-241 给我打电话，我希望它向 mydomain.
javascript - 厚盒插件 - 识别
我将(相当古老的)插件称为“thickbox”，如下所述: 创建厚盒时，它包含基于查询的内容列表。使用 JavaScript 或 jQuery，我希望能够访问 type 的值(在上面的示例中 t
c++ - 识别/生成波形？
我想编写一些可以接受某种输入并将其识别为方波、三角波或某种波形的代码。我还需要一些产生所述波的方法。我确实有使用 C/C++ 的经验，但是，我不确定我将如何模拟所有这些。最终，我想将其转换为微 Co
C# 识别 for 循环中的项目
我创建了一个 for 循环，用于在每个部分显示 8 个项目，但我试图在循环中识别某些项目。例如，我想识别前两项，然后是第五项和第六项，但我的识别技术似乎是正确的。 for (int i = 0; i
ios - 识别 UIStoryboard
如何识别 UIStoryboard？该类具有创建和实例化的方法，但我没有看到带有类似name 的@property。例如获取 Storyboard对象 + storyboardWithName:b
识别 MSSQL 各个版本的版本号的方法
如何确定所运行的SQLServer2005的版本要确定所运行的SQLServer2005的版本，请使用SQLServerManagementStudio连接到SQLServer2005，然后运行
javascript - 识别 Javascript 中的函数名称或属性
这个问题在这里已经有了答案: How to check whether an object is a date? (26 个答案) 关闭2 年前。我正在使用一个 npm 模块，它在错误时抛出一个空
android - 后台 Activity 识别
我正在制作一个使用 ActivityRecognition API 在后台跟踪用户 Activity 的应用，如果用户在指定时间段(例如 1 小时)内停留在同一个地方，系统就会推送通知告诉用户去散步.

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 为什么 HighCharts 无法正确识别我的数据？