我Chart.js用来生成地图并在很大程度上对其进行了定制.但无论如何我都无法移除垂直网格线.有人遇到过这样的情况吗?非常感谢.
JavaScript的
var ChartDataHome = {
labels: ["",
"NOV", "DEC", "JAN", "FEB",
],
datasets: [{
strokeColor: "rgba(255.255,255,1)",
pointColor: "rgba(159,209,154,1)",
pointStrokeColor: "rgba(255,255,255,1.00)",
data: [4.5, 8.8, 7.5, 9.5, 7.8, 9]
}, ]
};
var step = 2;
var max = 10;
var start = 0;
ChartOptionsHome = {
scaleLabel: "<%= value + ' K ' %>",
pointDot: false,
bezierCurve: false,
scaleOverride: true,
scaleSteps: 10,
// scaleStepWidth: Math.ceil(4/2),
scaleSteps: Math.ceil((max - start) / step),
scaleStepWidth: step,
scaleStartValue: start,
scaleShowGridLines: true,
scaleGridLineWidth: …Run Code Online (Sandbox Code Playgroud) 这个奇怪的错误让我半小时烦恼.我正在动态尝试仅使用JavaScript应用滑块.知道为什么会发生这种情况吗?我可以在SO上找到其他问题,但无法理解解决方案.我是JS的新手,非常感谢有人能用非专业术语解释我的事情.这是我的代码.
MARKUP
<!DOCTYPE html>
<html>
<head>
<title>JS sample test page</title>
<link rel="stylesheet" type="text/css" href="jquery.bxslider.css">
</head>
<body>
<div class="og-fullimg"></div>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery.bxslider.min.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
JAVASCRIPT
// code for thumbnail slider begins
(function() {
var ogImg = document.getElementsByClassName("og-fullimg");
alert(ogImg.length);
var bxSlider = document.createElement("ul"); //created ul
bxSlider.setAttribute("class", "bxslider"); // gave a class name bxslider.
for (i = 1; i < 4; i++) {
var itemsList = document.createElement("li");
var linkImages = document.createElement("img");
linkImages.src = "images/bid_" + i + …Run Code Online (Sandbox Code Playgroud) 我有两个图像,我需要切换点击图像.
<img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png'
data-src='images/prof_arrow1.png' />
Run Code Online (Sandbox Code Playgroud)
当用户单击图像时,src应该获取值,data-swap当您再次单击时,src应该更改为data-src.这应该像切换一样继续发生.任何帮助赞赏.
$("#arrowRotate").click(function() {
var swapImage = $("#arrowGrey").attr("data-swap");
$("#arrowGrey").attr({
'src': swapImage,
id: 'arrowOrange'
});
});
Run Code Online (Sandbox Code Playgroud)
这是我到目前为止的地方.
我创造了这个小提琴,专门用来解决我的问题.我正在ng-repeat某些部分.我有一个在其中实现的切换功能.但是,当我单击按钮时,将触发所有重复项的功能.即使ng-repeat在点击时使用相同的功能名称,也可以正常工作.下面是代码.我想this我可以在这里使用像操作员这样的东西.到目前为止我的代码(我为小提琴而不是原作创建了这个代码),
HTML
<div ng-app="app">
<div ng-controller="CommentController">
<div ng-repeat="list in lists">
<button ng-click="showDiv()" class="review">{{lists[$index]}}</button>
<div ng-show="hiddenDiv">This is the div to be toggled on clicking any of the above button. And they do so as they make use of <i>same function on click.</i>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
调节器
var app = angular.module('app', []);
app.controller('CommentController', function ($scope) {
$scope.hiddenDiv = true;
$scope.showDiv = function () {
$scope.hiddenDiv = !$scope.hiddenDiv;
};
$scope.lists = ["one", "two", "three", …Run Code Online (Sandbox Code Playgroud)