文章/答案/技术大牛

发布

社区首页 >问答首页 >JavaScript AmCharts

问JavaScript AmCharts
EN

Stack Overflow用户

提问于 2015-05-26 16:31:27

回答 1查看 512关注 0票数 0

嗨，我有一个关于AmCharts的问题。

如果正文样式具有-webkit-transform: scale(0.5, 0.5)和-webkit-transform-origin:0px 0px，则图表光标偏移量

.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;

javascript

css

amcharts

回答 1

Stack Overflow用户

发布于 2015-11-24 05:06:21

如果应用position:fixed，您的transform-origin将不起作用。

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

而且，如果重要的话，那就是valueLineBalloonEnabled而不是valueLineBalloonsEnabled。还要注意，使用scale()会使鼠标事件变得混乱。也许有更好的方法来调整它的大小。类似于禁用图例并使用max-width:400px;max-height:300px

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30453427

复制

相似问题

问JavaScript AmCharts
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript AmChartsEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript AmCharts
EN