小编Vid*_*shi的帖子

如何在反应图表的两个轴上显示文本?

我刚开始反应,我想创建一个图表来显示技能水平。我想在 X 轴和 Y 轴上显示文本的地方。我使用 React.js 创建了条形图/折线图和饼图。目前我能够在 X 轴上显示数字和文本。但是,有没有办法在两个轴上显示字符串(文本)?

我想在 Y 轴和 X 轴上显示[“专家”、“高级”、“中级”、“初学者”],我想显示 - [“HTML”、“CSS”、“React JS” ", "Javascript", "SQL","Drupa] .

我正在使用“react-chartjs-2”模块(https://gor181.github.io/react-chartjs-2/)。

我创建了名为“Chart.jsx”的组件,其代码是:

import React, { Component } from "react";
import { Bar, Line, Pie } from "react-chartjs-2";
import "./Chart.css";

class Chart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      chartData: props.chartData

    };
  }

  static defaultProps = {
    displayTitle: true,
    DisplayLegend: true,
    LegendPosition: 'right',
    level:'Skills'
  };

  render() {
    return (
      <div className="chart">
        <Bar
          data={this.state.chartData}
          options={{ …
Run Code Online (Sandbox Code Playgroud)

charts linechart bar-chart pie-chart reactjs

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

我有这个错误!在本地运行 npm start 时出现代码 ELIFECYCLE 错误?

我是 React 的新手,正在尝试构建我的第一个 React 应用程序。我的应用程序运行良好,直到昨晚。当我早上打开我的项目并运行 npm start 或 yarn start 命令时,它给了我错误 - ERR!代码生命周期

我尝试关闭应用程序并尝试按照论坛中给出的解决方案之一再次运行命令。但是,那没有用。

" *反应脚本开始

'react-scripts' 不是内部或外部命令,也不是可运行的程序或批处理文件。

npm 错误!代码生命周期

npm 错误!错误号 1

npm 错误!my-portfolio@0.1.0 开始:react-scripts start

npm 错误!退出状态 1

npm 错误!

npm 错误!在 my-portfolio@0.1.0 启动脚本失败。

npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。

"*

先感谢您!

node.js reactjs

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

标签 统计

reactjs ×2

bar-chart ×1

charts ×1

linechart ×1

node.js ×1

pie-chart ×1