大数据可视化-echarts玫瑰图（HBuilderX）

摸摸小油头.

已于 2023-05-11 11:00:28 修改

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：大数据可视化文章标签： echarts javascript ecmascript

于 2023-04-01 17:20:42 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_64272885/article/details/129900036

效果图：

具体代码：


<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <!--引入ECharts文件-->
  <script src="http://cdn.bootcss.com/echarts/4.8.0/echarts.js"></script>
</head>

<body>
    <!---为ECharts准备一个具备大小（宽高）的DOM-->
    <div id="main" style="width: 800px; height: 600px"></div>
    <script type="text/javascript">
        //基于准备好的DOM，初始化ECharts图表
        var myChart = echarts.init(document.getElementById("main"));
        //指定图表的配置项和数据
        var option = {
            title: {
                text: '二级学院分布-南丁格尔玫瑰图',
                x: 'center',  //设置主标题全部居中
                backgroundColor: '#B5A642',  //设置主标题的背景颜色为黄铜色
                textStyle: {  //设置主标题
                    fontSize: 18,  //设置主标题的字号大小
                    fontFamily: "黑体",  //设置主标题的字体