小编Tor*_*orc的帖子

我正在开发一个应用程序，它允许用户选择动态查询的数据，然后可以在 Recharts 可视化中使用这些数据。在某些极端情况下，重新图表中的默认格式/渲染会产生丑陋的结果。例如，如果有许多唯一值传递给<XAxis />组件，那么生成的图表很可能会有重叠的刻度文本。

文档中似乎没有任何好的“渲染尽可能多的刻度，而不会重叠”选项。这些似乎是唯一的选择：

1. 渲染所有刻度（显然会导致太多刻度）

            <XAxis
              dataKey={xAxisField.name}
              name={getXAxisLabel(xAxisField, chartType)}
              tickFormatter={
                getMetaDataType(xAxisField) ===
                "DATE"
                  ? tickEpochFormatter // force numbers to be displayed as 'YYYY-MM-DD'
                  : tickNumberFormatter
              }
              allowDataOverflow={false}
              ticks={xValues.sort()} // gets all of the values
              interval={0} // display all of values, instead of the default 5
              angle={-90} // force text to be 90, reading towards the graph
              textAnchor="end" // rather than setting "dy={50}" or something
            >

2. 仅渲染开始/结束/开始和结束，这在旋转之前（似乎）完全取决于文本的宽度。

            <XAxis
              dataKey={xAxisField.name}
              name={getXAxisLabel(xAxisField, chartType)}
              tickFormatter={
                getMetaDataType(xAxisField) ===
                "DATE"
                  ? …

问题

我需要通过将结果流式传输到 CSV 文件来从端点下载查询结果。这是为了支持一次通过浏览器发送大量 ResultSet。

有没有办法在 React 应用程序的上下文中使用 Axios 来实现这一点？

我见过fetch()并且知道它具有以下特性：

• 返回可读流
• IE11 不支持
• 不允许拦截请求
• 响应的状态与请求本身有关，而不是 HTTP 状态
  • 这意味着接收错误的唯一方法是在流过早结束时出现问题
  • 这绝对对我不起作用，因为我有与用户权限相关的自定义错误处理

除了ReadableStream响应类型之外，列出的其余特征都是不允许的。我需要支持 IE11 并允许拦截请求/读取 HTTP 状态以确定如何处理流量。

示例fetch：

      // The promise returned by `fetch` rejects if the fetch was unable to make HTTP-request
      //  e.g. network problems, or there’s no such site.
      // Abnormal HTTP-statuses, such as 404 or 500 do not cause an error.
      const results = await fetch(`${URL}/data`, {
        method: 'post', // …

我正在尝试编辑 Axios 的一个实例，以便响应类型应该是一个'stream'而不是标准的 JSON。

从关于 SO 的其他帖子中，我似乎不清楚如何实现这一点。

这是绝路吗？？

我当前的 Axios 实例：

import axios from 'axios';
import { URL } from '../urls';
import {
  requestHandler,
  successHandler,
  errorHandler,
} from './Handlers';

const Api = axios.create({
  baseURL: `${URL}`,
  withCredentials: true,
});

Api.interceptors.request.use((request) => requestHandler(request));
Api.interceptors.response.use((response) => successHandler(response), (error) => errorHandler(error));

export default Api;

实施的 ：

const query = {"selections":{"TABLE_A":["COLUMN1"]},"filters":[{"predicates":[]}],"joins":[],"sorts":[],"limit":100,"offset":0}
const response = await Api.post('/data', query);

axios帖子的签名如下所示：
axios.post(url[, data[, config]])
示例 1
示例 2

此签名似乎并不表示新创建的实例axios具有与流相关的属性。理想情况下，我将能够做这样的事情：

const response = await …

是否有一个很好的扩展或经过验证的方法来自动格式化 VSCode 中的 Java 代码以遵守 Google 的 Java 样式指南？以下链接列表中的任何内容似乎都不适用于我的设置。我得到一个软失败，格式没有任何变化。

Version: 1.39.2 (user setup)
Commit: 6ab598523be7a800d7f3eb4d92d7ab9a66069390
Date: 2019-10-15T15:35:18.241Z
Electron: 4.2.10
Chrome: 69.0.3497.128
Node.js: 10.11.0
V8: 6.9.427.31-electron.0
OS: Windows_NT x64 10.0.16299

google-java-format
GitHub - 格式化 VSCode：419
GitHub - 格式化 VSCode：450
GitHub - 格式化 VSCode：663
格式化程序设置
Eclipse Java Google Style XML
VS Java 编辑 - 主页
VSCode 扩展 - Checkstyle