小编Nev*_*r K的帖子

溢出-x无法正常工作

我正在尝试为我的画廊实现一个滑块.现在,css存在overflow-x无法正常工作的问题.(我想要一个水平滑块而没有垂直滚动)

这是小提琴:

请看看.

.testimg{
    height: 100%;
    width: 100%;
}
#testDiv{
    width: 400px;
    overflow: auto;
    float: left;
    overflow-y:hidden;
    border:1px solid black; 
}
.testimgdiv{
    width: 120px;
    height: 100px;
    float: left;
}
Run Code Online (Sandbox Code Playgroud)

css scroll css3

18
推荐指数
1
解决办法
5万
查看次数

选择数据集时触发更改[Amcharts Multiple Data Sets chart]

是否有可能触发他们提供的amcharts多数据集图表的select元素的'更改'.

$(".amChartsDataSetSelector").find("select").val("2").trigger("change");
Run Code Online (Sandbox Code Playgroud)

这是我试过的代码,它的作用基本上是将选择选项更改为我选择的选项,但它不会相应地更改图表.

这种方法还有其他替代方案吗?

这是我的小提琴:

这是amcharts图表的原始链接.

javascript jquery charts amcharts

5
推荐指数
1
解决办法
1219
查看次数

图表绘图 - 没有相应日期问题的数据

正如您在此处所见,在X轴上,日期是等距的,尽管日期的范围会有所不同.

图表截图 [右键单击 - >如果看不到图片,则在新选项卡中打开]

但两者的X轴距离相等.

  1. 当特定日期没有值时,我希望X轴显示值0..

    可能的解决方案:

    • 是否有任何内置参数在AMcharts中缺少这个参数?
    • 我想到的另一个解决方案是为没有相应数据的日期输入值0.[但这会落后于前端]
  2. 日期格式问题:

    对于日期,2014-11-12 10:15,"dataDateFormat":"YYYY-MM-DD JJ:NN"似乎不起作用.试图在几毫秒内完成它,但没有奏效. 这是我的小提琴

       "dataProvider": [{
                         "date": "1343364300000",
                         "value": 1
                        },{
                         "date": "1343364900000",
                         "value": 5
                        },{
                         "date": "1343365500000",
                         "value": 10
                        },{
                         "date": "1343366100000",
                         "value": 15
                        },{
                         "date": "1343366100000",
                         "value": 8
                        },{
                         "date": "1343369520000",
                         "value": 24
                        },]
    
    Run Code Online (Sandbox Code Playgroud)

这是我正在使用的图表.

http://www.amcharts.com/demos/date-based-data/#

javascript date amcharts

5
推荐指数
1
解决办法
396
查看次数

当作为数组传递时,$ watchCollection参数返回错误

我有一个小查询了解一段代码.

我认为$ watchCollection将根据以下语法作为参数传递时监视数组:

$ watchCollection(obj,listener);

我的查询是在这段代码中:

  var exp = $parse(attrs.chartData);
  var salesDataToPlot=exp(scope);
Run Code Online (Sandbox Code Playgroud)

然后用于:

scope.$watchCollection(exp, function(newVal, oldVal){
               salesDataToPlot=newVal;
               redrawLineChart();
           });
Run Code Online (Sandbox Code Playgroud)

"exp"是类型函数,当我试图将它作为数组传递时,我得到了"无法读取未定义的属性'长度"错误.我在尝试此代码时遇到了错误:

  var salesData = scope[iAttrs.chartData];

.
.
.
.

  scope.$watchCollection(salesData, function(newVal, oldVal){
                   salesDataToPlot=newVal;
                   redrawLineChart();
               });
Run Code Online (Sandbox Code Playgroud)

为什么我不能将salesData作为数组传递给$ watchCollection?

这是我的笔

d3.js angularjs angularjs-directive

5
推荐指数
1
解决办法
531
查看次数

如何通过浏览器(Chrome)在运行时抛出 JavaScript 错误?

我的目标:测试我的错误处理功能。

临时解决方案:有一个自定义路由:/error,其中包含故意产生致命错误的代码。

var a = undefined;
a.b.c // Breaks.
Run Code Online (Sandbox Code Playgroud)

上面的方法有效,但我无法使用它来测试生产站点,因为不需要该页面。我正在寻找一种通过浏览器测试它的方法。我尝试简单地将“添加 throw new Error("Custom error thrown here")到控制台。这实际上并不会在运行时破坏它。

我尝试添加断点并添加相同的代码:throw new Error("Custom error thrown here")。那也没用。

除了上述之外,还有其他更简单的方法吗?

我正在寻找一种仅通过浏览器即可完成此操作的方法。

谢谢。

javascript testing error-handling reactjs

5
推荐指数
2
解决办法
3742
查看次数

使用钩子在 React 组件中取消 requestAnimationRequest 不起作用

cancelAnimationRequest我正在制作一个进度条(最终..),我想在达到某个值(10、100、...、N)时停止动画(调用)并将其重置为 0。

但是,使用我当前的代码,它会重置为 0,但会无限期地继续运行。我认为这部分代码可能有问题:

setCount((prevCount) => {
    console.log('requestRef.current', requestRef.current, prevCount);
    
    if (prevCount < 10) return prevCount + deltaTime * 0.001;
    
    // Trying to cancel the animation here and reset to 0:
    cancelAnimationFrame(requestRef.current);

    return 0;
});
Run Code Online (Sandbox Code Playgroud)

这是整个示例:

setCount((prevCount) => {
    console.log('requestRef.current', requestRef.current, prevCount);
    
    if (prevCount < 10) return prevCount + deltaTime * 0.001;
    
    // Trying to cancel the animation here and reset to 0:
    cancelAnimationFrame(requestRef.current);

    return 0;
});
Run Code Online (Sandbox Code Playgroud)
const Counter = () => {
  const [count, setCount] = React.useState(0);

  // …
Run Code Online (Sandbox Code Playgroud)

javascript frontend requestanimationframe reactjs react-hooks

4
推荐指数
1
解决办法
3893
查看次数