highcharts之柱状图，折线图，饼图组合显示

最新推荐文章于 2022-03-08 17:08:51 发布

马蹄印

最新推荐文章于 2022-03-08 17:08:51 发布

阅读量2.8k

点赞数

本文链接：https://blog.csdn.net/bawcwchen/article/details/41915225

版权

该示例展示了如何使用 Highcharts 创建一个组合图表，包括柱状图、折线图和饼图。图表包含三个柱状图系列（Jane, John, Joe）和一个折线图系列（平均值），并在底部提供了总消费的饼图。数据涵盖了五种不同的类别（Apples, Oranges, Pears, Bananas, Plums）。" 114116136,10553376,使用MongoTemplate在Java中进行MongoDB操作,"['java', 'mongodb', 'spring-boot']

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

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<jsp:include page="/highchartsjs.jsp"></jsp:include>
		<style type="text/css">
${demo.css}
		</style>
		<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        title: {
            text: 'Combination chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
        },
        labels: {
            items: [{
                html: 'Total fruit consumption',
                style: {
                    left: '30px',
                    top: '8px',
                    color: (Highcharts.theme && Highcharts.theme.textColor)