我试图在我的网站上正确显示一个折线图,但由于某种原因,它想要溢出图形容器.我已经尝试将box-sizing重置为initial,设置隐藏在图形的所有子元素上的溢出,似乎没有任何工作.我不知道为什么会这样,并且想知道是否有人在自己面前遇到过这个问题?
我在下面添加了一张图片,下面是我正在使用的图片,用于设置折线图的对象.
{
"type": "serial",
"theme": "light",
"marginRight": 80,
"autoMarginOffset": 20,
"marginTop": 7,
"dataProvider": queryData.data.result,
"valueAxes": [{
"axisAlpha": 0.2,
"dashLength": 1,
"position": "left"
}],
"mouseWheelZoomEnabled": true,
"graphs": [{
"id": "g1",
"balloonText": "[[value]]",
"bullet": "round",
"bulletBorderAlpha": 1,
"bulletColor": "#FFFFFF",
"hideBulletsCount": 50,
"title": "red line",
"valueField": "value",
"useLineColorForBulletBorder": true,
"balloon": {
"drop": true
}
}],
"chartScrollbar": {
"autoGridCount": true,
"graph": "g1",
"scrollbarHeight": 40
},
"chartCursor": {
"limitToGraph": "g1"
},
"categoryField": "name",
"dataDateFormat": "DD/MM/YYYY HH:NN:SS",
"categoryAxis": {
"parseDates": true,
"axisColor": "#DADADA",
"dashLength": 1, …Run Code Online (Sandbox Code Playgroud) 我有一个array希望同时播放的视频元素。
我在网上找到的唯一可以做到这一点的方法是使用,new MediaController();但这似乎并不广泛/如果完全支持的话。
我期望做的是:
var videos = document.querySelectorAll('video');
var mc = new MediaController();
video.forEach(function(el) {
el.controller = mc;
});
mc.play();
Run Code Online (Sandbox Code Playgroud)
我发现做到这一点的唯一方法是forEach在阵列上执行 a 并一个接一个地播放它们,但我想知道是否有人知道是否有办法做到这一点,但您注意到播放之间video[0]和video[4]播放时有轻微的延迟。
是否有可能使用 JavaScript 让这变得无缝?
PS 这只需要是一个 Webkit 解决方案,因为这并不是真正用于浏览器的东西,而更多是用于 UE4 游戏的前端。