V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
chimingphang
V2EX  ›  JavaScript

Highstock X 轴刻度问题求助,发红包跪求。

  •  
  •   chimingphang · 2016-08-28 21:15:23 +08:00 · 2399 次点击
    这是一个创建于 2797 天前的主题,其中的信息可能已经有所发展或是发生改变。

    弄了几天都没成功,希望有这方面经验的大神帮帮忙,事成后发个红包感激下。

    第 1 条附言  ·  2016-08-29 09:17:04 +08:00

    补上demo ,希望点击按钮可以让每条间隔3分钟,5分钟,15分钟。tickInterval用了也不行。不过手机放大就可以看到时间间隔变。知道的大侠帮帮忙。我的邮箱[email protected]

    7 条回复    2016-08-29 14:03:08 +08:00
    gkiwi
        1
    gkiwi  
       2016-08-28 22:03:38 +08:00
    你先把问题说清楚,最好能搞个在线可运行的 demo ,大家就都很乐意免费给你搞了;

    你这样子问题不太清楚,谁也不敢接,接了搞不定就尴尬了。
    chimingphang
        2
    chimingphang  
    OP
       2016-08-29 09:24:32 +08:00
    @gkiwi 谢谢提醒。我补上 demo 了
    GordianZ
        3
    GordianZ  
    MOD
       2016-08-29 09:48:31 +08:00
    "If the tickInterval is too dense for labels to be drawn, Highcharts may remove ticks."

    你这都跨几天的数据了,然后还要 tick 间隔 5 分钟,一个像素都画不过来……
    chimingphang
        4
    chimingphang  
    OP
       2016-08-29 09:51:39 +08:00
    @GordianZ 请问我要调什么参数?
    gkiwi
        5
    gkiwi  
       2016-08-29 13:19:46 +08:00
    @chimingphang

    我看了你的数据,是每 5 分钟一条的;

    没搞过这个,不过可以给点思路,就是根据时间单独取数据绘制(3 分钟为间隔的, 5 分钟为间隔的);


    参照下 okcoin 的设计, https://www.okcoin.cn/market.do ,每个时间间隔,都是单独取数据,重新绘图;
    比如 15 分钟图,那么就从后台获取 15 分钟间隔的数据(1000 条),然后 窗口 用 100 个宽度,这样子向左拖动,可以拖动 10 屏,基本上够用了;


    如果按照你现在的搞,
    像你说的那个样子, 3 , 5 , 15 ,那么后台应该传过来最小公约数 1 分钟的,然后你自己计算 group ;重新绘制;不过这个样子, 15 分钟时候,显然需要数据量太大,不划算;
    gkiwi
        6
    gkiwi  
       2016-08-29 13:20:36 +08:00   ❤️ 1
    chimingphang
        7
    chimingphang  
    OP
       2016-08-29 14:03:08 +08:00
    @gkiwi 好的,感谢提示,我再试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4669 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 09:59 · PVG 17:59 · LAX 02:59 · JFK 05:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.