ZingChart Zoom日期問題

當我在x軸上對日期進行縮放時，圖表卡住了。ZingChart Zoom日期問題

只有當我用多頭工作時纔會出現這種情況。使用日期，它工作正常。我在誠新圖表，我不知道我做錯了

zingchart.exec('myChart', 'zoomtovalues', { 
     'xmin':1425312000000, 
     'xmax':1425657600000, 
});

和我的價值觀是

"values": [ 
    [1425225600000,1], 
    [1425312000000,1], 
    [1425398400000,1], 
    [1425484800000,1], 
    [1425571200000,1], 
    [1425657600000,1], 
    [1425744000000,1], 
    [1425826800000,1], 
    [1425913200000,1], 
    [1425999600000,1] 
    ],

UPDATE

的圖表是越來越原因卡住是一步，它的工作原理沒有scrollX

scaleX:{ 
label:{}, 
minValue:1425196800000, 
step:"day", 
    transform: { 
    type: 'date', 
    all:"%m/%d/%y" 
    } 
},

來源

2017-01-02 Spiff

您尚未提供與您的圖表或圖表配置有關的許多信息。根據你在說什麼，我正在猜測你在問什麼。如果我錯了，覺得要跟進。

你缺少的是scrollX屬性。這使滾動條。另一個選項是啓用preview窗口。這兩個選項都與縮放一起工作。

有關scrollX，preview和zooming的一般信息。 https://www.zingchart.com/docs/tutorials/interactive-features/chart-zoom-pan-scroll/

https://www.zingchart.com/docs/api/json-configuration/graphset/scroll-x-scroll-y/

https://www.zingchart.com/docs/api/json-configuration/graphset/preview/

var myConfig = { 
 
    \t type: 'line', 
 
    title: { 
 
     text: 'After 2 seconds call API method \`zoomtovalues\`' 
 
    }, 
 
    \t scaleX:{ 
 
    \t transform: { 
 
    \t  type: 'date', 
 
    \t } 
 
    \t }, 
 
    \t scrollX:{}, 
 
\t series: [ 
 
\t \t { 
 
\t \t \t values: [ 
 
     [1425225600000,1], 
 
     [1425312000000,1], 
 
     [1425398400000,1], 
 
     [1425484800000,1], 
 
     [1425571200000,1], 
 
     [1425657600000,1], 
 
     [1425744000000,1], 
 
     [1425826800000,1], 
 
     [1425913200000,1], 
 
     [1425999600000,1] 
 
     ], 
 
\t \t } 
 
\t ] 
 
}; 
 

 
setTimeout(function() { 
 
zingchart.exec('myChart', 'zoomtovalues', { 
 
    'xmin':1425312000000, 
 
    'xmax':1425657600000, 
 
}); 
 
}, 2000); 
 

 
zingchart.render({ 
 
\t id: 'myChart', 
 
\t data: myConfig, 
 
\t height: '100%', 
 
\t width: '100%' 
 
});

html, body { 
 
\t height:100%; 
 
\t width:100%; 
 
\t margin:0; 
 
\t padding:0; 
 
} 
 
#myChart { 
 
\t height:100%; 
 
\t width:100%; 
 
\t min-height:150px; 
 
} 
 
.zc-ref { 
 
\t display:none; 
 
}

<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t <!--Assets will be injected here on compile. Use the assets button above--> 
 
\t \t <script src= "https://cdn.zingchart.com/zingchart.min.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div> 
 
\t </body> 
 
</html>

來源

2017-01-03 16:54:39 nardecky

ZingChart Zoom日期問題

回答

相關問題