0
Flot과 함께 Zepto를 사용할 수 있습니까? 내가 FLOT을 알고Zepto와 Flot을 결합하십시오.
는 jQuery를 (테스트)와 함께 잘 작동하지만 Zepto 그냥 내가 그것을 시도하고 두 가지 문제로 실행 모바일 기기
A
답변
2
에 jQuery를보다 빠르고 부드러운 느낌. 첫째, flot은 jQuery을 정의하고 두 번째는 flot은 outerWidth을 사용합니다.이 값은 replicate이 아닙니다.
그래서, 이러한 문제를 해결 그것에게 작은 사랑하고 일을 해주지 :
<!DOCTYPE html>
<html>
<head>
<script>
</script>
<!-- Load Zepto -->
<script data-require="[email protected]" data-semver="1.1.4" src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min.js"></script>
<!-- patch in the things we need -->
<script>
// define jquery
jQuery = $;
// create outerWidth/Height functions
// stolen from here: https://gist.github.com/pamelafox/1379704
['width', 'height'].forEach(function(dimension) {
var offset, Dimension = dimension.replace(/./, function(m) {
return m[0].toUpperCase()
});
$.fn['outer' + Dimension] = function(margin) {
var elem = this;
if (elem) {
var size = elem[dimension]();
var sides = {
'width': ['left', 'right'],
'height': ['top', 'bottom']
};
sides[dimension].forEach(function(side) {
if (margin) size += parseInt(elem.css('margin-' + side), 10);
});
return size;
} else {
return null;
}
};
});
</script>
<!-- now we can include flot -->
<script data-require="[email protected]" data-semver="0.8.2" src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script>
</head>
<body>
<div id="placeholder" style="width:300px;height:300px"></div>
<script>
$(function() {
var d1 = [];
for (var i = 0; i < 14; i += 0.5) {
d1.push([i, Math.sin(i)]);
}
var d2 = [
[0, 3],
[4, 8],
[8, 5],
[9, 13]
];
// A null signifies separate line segments
var d3 = [
[0, 12],
[7, 12], null, [7, 2.5],
[12, 2.5]
];
$.plot("#placeholder", [d1, d2, d3]);
});
</script>
</body>
</html>관련 문제
- 1. zepto와 함께 requirejs를 사용하는 방법
- 2. Zepto와 동일한 jQuery.getScript()가 무엇입니까?
- 3. jQuery Flot을 클릭하여 시리즈를 숨기기
- 4. Flot을 사용한 이벤트의 시간 차트
- 5. jquery 시리즈가 클릭되면 Flot을 찾습니다
- 6. iOS 망막 디스플레이에 Flot을 설치하는 방법
- 7. ASP.NET MVC에서 jQuery와 flot을 사용하는 방법은 무엇입니까?
- 8. Flot을 사용하여 임계 값보다 높거나 낮은 데이터의 색상을 채우려면 어떻게해야합니까?
- 9. FLOT을 사용하여 정규 분포 (벨 커브) 차트 만들기
- 10. flot을 사용하여 시간 관련 축의 레이블을 다시 지정하려면 어떻게해야합니까?
- 11. jQuery Flot을 사용하여 HTML과 AngularJS 지시문 간의 변수 공유
- 12. Flot을 사용하여 곡선이있는 다중 문서 선 그래프를 만들려면 어떻게해야합니까?
- 13. 두 테이블을 결합하십시오.
- 14. 자바에서 비디오를 하나로 결합하십시오.
- 15. UIKeyboardTypeEmailAddress와 함께 UIAlertViewStyleLoginAndPasswordInput을 결합하십시오.
- 16. AJAX와 Jquery 스크립트를 결합하십시오.
- 17. 두 개의 정규식을 결합하십시오
- 18. list.phtml과 view.phtml을 함께 결합하십시오
- 19. 면도기에 텍스트 + 변수를 결합하십시오.
- 20. hibernate.xml과 spring-dispatcher.xml을 결합하십시오.
- 21. 팬더와 두 파일을 결합하십시오.
- 22. 2 배열을 결합하십시오.
- 23. UINavigationController와 UITabBarController를 결합하십시오.
- 24. JFrame의 중간에 JFileChooser를 결합하십시오.
- 25. 단어를 줄에 결합하십시오.
- 26. 2 개의 경로를 결합하십시오.
- 27. 값을 비교하고 결합하십시오.
- 28. geom_boxplot과 geom_line을 결합하십시오.
- 29. OData에서 $ expand를 사용하여 결합하십시오.
- 30. 사전에 함께 링크를 결합하십시오.