java Echarts的实战(Echarts图表数据封装)

本文介绍如何在Java中实战Echarts,详细讲解如何封装Echarts图表所需的数据,包括嵌套环形图、圆形占比图、排名柱状图和拆线图的数据格式。建议读者在阅读前先访问Echarts官网获取更多官方信息。
摘要由CSDN通过智能技术生成

java Echarts的实战,对Echarts图表数据进行封装返回,建议先看看官网:
echarts官网
一 导包

<!-- https://mvnrepository.com/artifact/com.github.abel533/ECharts -->
		<dependency>
		    <groupId>com.github.abel533</groupId>
		    <artifactId>ECharts</artifactId>
		    <version>3.0.0.5</version>
		</dependency>

二 拼装不同的图表数据
1 嵌套环形图
在这里插入图片描述
要求返回的数据格式如下:

-- 嵌套环形图
option = {

    legend: {

        data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '30%'],

            label: {
                position: 'inner'
            },
            data: [
                {value: 335, name: '直达', selected: true},
                {value: 679, name: '营销广告'},
                {value: 1548, name: '搜索引擎'}
            ]
        },
        {
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '55%'],
     
            data: [
                {value: 335, name: '直达'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1048, name: '百度'},
                {value: 251, name: '谷歌'},
                {value: 147, name: '必应'},
                {value: 102, name: '其他'}
            ]
        }
    ]
};

java代码封装

/**
	 * 嵌套环形图数据拼装
	 * @param chartData
	 * @return
	 */
	public static Option nestPiesChar
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值