bizcharts入坑问题Part1：雷达图文字过长怎么换行

最新推荐文章于 2024-06-20 16:20:26 发布

那是遇知吧

最新推荐文章于 2024-06-20 16:20:26 发布

阅读量856

点赞数

本文链接：https://blog.csdn.net/weixin_41406727/article/details/116596848

版权

本文介绍了在使用BizCharts库制作雷达图时遇到的文字过长问题，提供了一个有效的换行解决方法，帮助读者理解如何调整雷达图的标签显示。

摘要由CSDN通过智能技术生成

官网：bizcharts

完整代码如下：

import React from "react";
import {
  G2,
  Chart,
  Geom,
  Axis,
  Tooltip,
  Coord,
  Label,
  Legend,
  View,
  Guide,
  Shape,
  Facet,
  Util
} from "bizcharts@3.5.8";
import DataSet from "@antv/data-set";

class Basic extends React.Component {
  render() {
    const { DataView } = DataSet;
    const data = [
      {
        item: "Design",
        a: 70,
        b: 30
      },
      {
        item: "Development",
        a: 60,
        b: 70
      },
      {
        item: "Marketing",
        a: 50,
        b: 60
      },
      {
        item: "Users",
        a: 40,
        b: 50
      },
      {
        item: "Test",
        a: 60,
        b: 70
      },
      {
        item: "Language",
        a: 70,
        b: 50
      },