javascript - JavaScript AmCharts

嗨，我在AmCharts上遇到问题。

如果正文样式具有-webkit-transform: scale(0.5, 0.5)和-webkit-transform-origin:0px 0px，则Chartcursor会偏移

.bodystyle {
  background: #EEEEF3;
  width: 2048px;
  height: 1536px;
  margin: 0px;
  cursor: default;
  -webkit-transform: scale(0.5, 0.5);
  -webkit-transform-origin: 0px 0px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
  position: fixed;
}

<body class="bodystyle">
    <div id="chartdiv" class="chart"></div>
</body>

ChartCursor：

var chartCur = new AmCharts.ChartCursor();
chartCur.cursorColor = "#000000";
chartCur.fullWidth = true;
chartCur.valueBalloonsEnabled = true;

最佳答案

如果应用transform-origin，您的position:fixed将不会生效。

如果启用了chartCur.fullWidth = true;，则可能不希望设置宽度和高度。我建议删除CSS的width和height属性，或将.bodystyle宽度更改为100％。

另外，如果重要，它是valueLineBalloonEnabled而不是valueLineBalloonsEnabled。另请注意，使用scale()会弄乱鼠标事件。可能有一种更好的方法来调整它的大小。诸如禁用图例并使用max-width:400px;max-height:300px之类的东西

Example on JSFiddle