java web chart 图表展示,基础类及方法

 1、带X轴和Y轴的VO

/**
 * 带X轴和Y轴的VO
 * @param <T>
 */
@Data
public class ChartDataVO<T> {
    //如果是多个Y轴,就需要一个List,相当于一个X轴对应多个Y轴的数值
    /**
     * 数值
     */
    private List<T> data = new ArrayList<>();
    /**
     * 名称
     */
    private String name;

    /**
     * stack
     */
    private String stack;

    public ChartDataVO(List<T> data) {
        this.data = data;
    }

    public ChartDataVO(List<T> data, String name) {
        this.data = data;
        this.name = name;
    }

    public ChartDataVO() {
    }
}

2、 key Value 格式的VO

/**
 * key Value 格式的VO
 * @param <T>
 */
@Data
public class ChartKvVO<T> {
    private String key;

    private T value;

    public ChartKvVO(T value, String key) {
        this.key = key;
        this.value = value;
    }

    public ChartKvVO() {
    }
}

3、 带标签的vo

import lombok.Data;

import java.util.LinkedList;
import java.util.List;

/**
 * 带标签的vo
 * @param <T>
 */
@Data
public class ChartVO<T> {
    //这里的三个DataVO就是上边的DataVO
    /**
     * 标签
     */
    private ChartDataVO<String> legend = new ChartDataVO<>();


    /**
     * x 轴
     */
    private ChartDataVO<String> xAxis = new ChartDataVO<>();

    /**
     * Y轴数据
     */
    private List<ChartDataVO<T>> series = new LinkedList<>();
}

3、数据转换

      在自定义数据转换类中对相应的数据进行转换

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值