小编Bre*_*ast的帖子

使用C3在x轴上使用单独的列制作简单的条形图

我正在尝试使用C3和D3创建一个条形图,但我无法让列彼此无关,除了它们在Y轴上使用相同的比例.

我已经包含图像以便更好地解释.

var chart = c3.generate({
    bindto: '#designerChart',
    data: {

      columns: [
        ['MA', 6],
        ['ME', 8],
        ['NY', 6],
        ['CN', 5],
        ['TX', 2]
      ],
      type: 'bar',

    },
    axis: {
        y: {
            max: 10,
            min: 0,
            padding: { top: 0, bottom: 0 }
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

在一组酒吧中产生结果,当我将鼠标悬停在它们上面时,我会得到所有酒吧的详细信息 - 而不是我想要的.

条形图,但分组为阶梯列

我可以更改数据,以便它显示单独的列,但它们是相同的颜色,当我想将其转换为饼图时,您无法区分状态.

var chart = c3.generate({
    bindto: '#designerChart',
    data: {
      x: 'x',
      columns: [
        ['x','MA', 'ME', 'NY', 'CN', 'TX'],
        ['rainfall', 6, 8, 6, 5, 4 ]
      ],
      type: 'bar',

    },
    axis: {
        x: { …
Run Code Online (Sandbox Code Playgroud)

javascript charts d3.js c3.js

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

TsconfigPathsPlugin 类型与 webpack 5 不兼容

我正在尝试升级到 webpack 5,但在尝试使用 TsconfigPathsPlugin 时遇到类型错误。(npm tsconfig-paths-webpack-plugin)。

我需要这个插件,以便我可以解析文件中的别名路径。您可以在此处查看用法示例:https://betterprogramming.pub/the-right-usage-of-aliases-in-webpack-typescript-4418327f47fa

resolve: {
    extensions: [...],

    // resolve aliases from tsconfig.server.json
    plugins: [
      new TsconfigPathsPlugin({ // type error here
        configFile: './tsconfig.server.json',
      }),
    ],

    alias: {...},
},
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

Type 'TsconfigPathsPlugin' is not assignable to type '"..." | ResolvePluginInstance'.
Type 'TsconfigPathsPlugin' is not assignable to type 'ResolvePluginInstance'.
Types of property 'apply' are incompatible.
Run Code Online (Sandbox Code Playgroud)

我觉得这不是一个普遍的问题,因为我在其他地方看不到任何提及它的信息,但我以为我至少能够找到遇到过同样问题的人。

typescript webpack webpack-5

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

无法响应从 express 发送的自定义错误消息

这个问题让我很恼火,因为我知道这与我没有正确理解这个问题有关 - 尽管花了几个小时阅读和尝试不同的东西,这使得很难找到答案。

我的问题/问题是这样的,我在用户注册时将用户保存到 mongodb 数据库,我的架构不允许重复的电子邮件,并向我发回一个错误。我能够在终端中控制台记录错误,但我在将其发送回客户端时遇到问题。或者我在用它做某事时遇到问题,如果它回来了,我不太确定在这两个步骤中我失去了对错误消息的访问权限。

这是我用于保存用户的 POST 路由:

router.post('/users', (req, res) => {
  let body = _.pick(req.body, ['email', 'password']);
  let user = new User(body);

  user.save().then(() => { // this all works and will save the user, if there are no errors
    return user.generateAuthToken();
  }).then((token) => {
    res.header('Authorization', `Bearer ${token}`).send(user);
  }).catch((err) => { // This is where my problem is
    console.log(err); // This will log the mongodb error here, about duplicate emails
    res.status(500).send(err); // I'm trying to send the mongodb …
Run Code Online (Sandbox Code Playgroud)

javascript node.js express

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

标签 统计

javascript ×2

c3.js ×1

charts ×1

d3.js ×1

express ×1

node.js ×1

typescript ×1

webpack ×1

webpack-5 ×1