小编Ber*_*ues的帖子

在 WSL 上运行 Cypress

我正在尝试使用 Ubuntu 在 WSL 上运行 cypress,这就是我得到的结果:

$ cypress run
[29023:1018/155130.159647:ERROR:bus.cc(392)] Failed to connect to the bus: Failed to connect to socket /var/run/dbus/system_bus_socket: No such file or directory
[29023:1018/155130.162020:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
[29023:1018/155130.162068:ERROR:bus.cc(392)] Failed to connect to the bus: Could not parse server address: Unknown address type (examples of valid types are "tcp" and on UNIX "unix")
[29211:1018/155130.193707:ERROR:gpu_init.cc(441)] Passthrough is …
Run Code Online (Sandbox Code Playgroud)

javascript windows-subsystem-for-linux cypress yarn-v2

21
推荐指数
4
解决办法
3万
查看次数

Highcharts - 如何删除工具提示箭头

我正在使用带有 Highcharts 的自定义 HTML 工具提示,并希望删除箭头,例如查看蓝色条上的小箭头:

在此处输入图片说明

这些是我对当前工具提示的设置:

    useHTML: true,
    shadow: false,
    borderRadius: 0,
    borderWidth: 0,
    backgroundColor: "rgba(255,255,255,1)",
    style: {
        padding: 0
    },
    shared: true
Run Code Online (Sandbox Code Playgroud)

highcharts

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

无法在 React AG Grid 中选择要删除的行

在 React 中,基于文档 [here][1],我试图选择一个 AG Grid 行以使用以下代码删除:

    class MyComponent extends Component {
      constructor(props) {
        this.state={rowSelection: 'single'}
      }

      onGridReady(params) {
        this.gridApi = params.api
        this.columnApi = params.columnApi
      }

      onRemoveSelected() {
        const selectedData = this.gridApi.getSelectedRows();
        const res = this.gridApi.updateRowData({ remove: selectedData })
      }
    }

    render() {
      return(
        <div>
          <button onClick={this.onRemoveSelected.bind(this)}>Remove Selected</button>
          <AgGridReact
            id="myGrid"
            {...gridOptions}
            onGridReady={this.onGridReady}
            rowSelection={this.state.rowSelection}
           />
          </div>
      )
    }
Run Code Online (Sandbox Code Playgroud)

但该行没有选择。此外,使用不同的代码变体,有时我会收到此控制台警告:

cannot select node until id for node is known 
Run Code Online (Sandbox Code Playgroud)

提前致谢 [1]:https : //www.ag-grid.com/javascript-grid-data-update/

ag-grid ag-grid-react

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

更改每隔一行的背景颜色

我正在尝试复制默认设置,该设置ag-grid以稍微不同的颜色绘制每隔一行的背景。但是,当我尝试对列重新排序时,单击headerColumn背景颜色不会重新排序。

\n\n

这是我目前的方法,\xc2\xb4t 不起作用

\n\n
cellStyle(params) {\n  let backgroundColor = #FFFFFF;\n  if (params.node.rowIndex % 2 === 1) backgroundColor = #E04F00;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

https://plnkr.co/edit/bHLEmECLNby3obIT,此示例显示了所需的行为。

\n\n

有没有办法访问和更改这些默认颜色?

\n

javascript css ag-grid

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

在 highcharts-react-official 上定义并应用主题

我正在尝试higcharts全局更新文本字体,但在文档中找不到如何使用highcharts-react-official. 是否存在Highcharts.theme = style与等价的Highcharts.setOption(Highcharts.theme)

javascript highcharts typescript reactjs react-highcharts

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

中止上一个请求后无法发出新的获取请求

我需要更改定义哪些数据应来自我的请求的参数,该应用程序也需要定期刷新。如果用户在未完成的请求中更改参数,事情就会开始变得奇怪,并且会发生一些意外的行为。

所以我的方法是在开始新请求之前中止所有先前的请求,但使用后await controller.abort()似乎永远不会触发下一个请求,我是否需要清除信号或类似的东西?

const controller = new AbortController();
const async fetchData = (url, body = null) => {
  let data;
  const signal = controller.signal;
  const headers = { ... };
  response = await fetch(url, body ? {
    method: "POST",
    body: JSON.stringify(body),
    signal,
    headers
  } : { headers, signal });;
  data = await response.json()
  return data
}

const firstData = await fetchData(url1, body1);
await controller.abort();
const secondData= await fetchData(url2, body2);
Run Code Online (Sandbox Code Playgroud)

发生的情况总是如此secondDataundefined实际上第二个请求从未发生(查看网络流量)。如果我停止源代码并尝试在执行await fetchData(url2)后运行,它会提示一个错误,或者如果我尝试在没有返回待处理承诺的情况下运行它,但在流量选项卡中看不到实际的请求。.abort() …

javascript xmlhttprequest fetch

2
推荐指数
1
解决办法
2361
查看次数

Angular 中 Highcharts 工具提示的单元测试

我在 Angular 7+ 中使用Highcharts API 。

假设在某个组件中,我的图表类型是“区域”,我的工具提示代码如下:

tooltip:{
    shared : true,
    outside : true,
    useHTML : true,
    formatter(){
        let str = `<table>`;
        this.points.forEach((point)=>{
            str = str.concat(
                `<tr>
                    <td style="color: ${point.series.color};font-size: 0.9em"></td>
                </tr>
                `
                );

            str = str.concat('</table>');
            return str;
        })
    }
}
Run Code Online (Sandbox Code Playgroud)

现在,在对该组件进行单元测试时,代码覆盖率不是 100%,并且在 index.html 文件中显示工具提示部分未被覆盖。如何检查是否相同?

unit-testing highcharts angular

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