ZingChart 缩放日期问题

Question

当我在 x 轴上缩放日期时，图表卡住了。

只有在我处理多头交易时才会出现这种情况。有了日期，它工作正常。我是 zing 图表的新手，我不确定自己做错了什么

  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]
    ],

更新

图表卡住的原因是步骤，没有 scrollX 也能正常工作

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

Answer 1

您没有提供太多与您的图表或图表配置相关的信息。根据您所说的内容，我正在猜测您的要求。如果我错了，请跟进。

您缺少的是 scrollX 属性。这将启用滚动条。另一种选择是启用 preview window。这两个选项都与缩放结合使用。

与 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 = {
  type: 'line', 
    title: {
      text: 'After 2 seconds call API method \`zoomtovalues\`'
    },
  scaleX:{
    transform: {
      type: 'date',
    }
  },
  scrollX:{},
 series: [
  {
   values: [
        [1425225600000,1],
        [1425312000000,1],
        [1425398400000,1],
        [1425484800000,1],
        [1425571200000,1],
        [1425657600000,1],
        [1425744000000,1],
        [1425826800000,1],
        [1425913200000,1],
        [1425999600000,1]
      ],
  }
 ]
};

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

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

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

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

ZingChart 缩放日期问题

ZingChart Zoom Date issue

javascript

charts

zingchart