Visual Studio Code (echarts)数据可视化，设置数据缩放区间为20到40，设置标题字体大小，颜色以及是否加粗，设置柱状图颜色

咖啡杯.

于 2022-03-22 18:40:39 发布

阅读量3.2k

点赞数 2

分类专栏：笔记文章标签： echarts 数据挖掘

本文链接：https://blog.csdn.net/qq_45894761/article/details/123667937

版权

本文介绍了如何在Visual Studio Code中利用echarts.js进行数据可视化，具体包括设置柱状图的颜色，标题的字体大小、颜色及加粗，以及数据的缩放区间为20到40。通过调整X、Y轴和小组件，实现定制化的图表展示。

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

加载echarts.js,以及初始化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="echarts.js"></script>
</head>
<body>
    <div id="main" style="width: 800px;height:600px;"></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));

设置标题

字体颜色，大小，格式，粗细

 title: {
        show: true, 
        text: "销售经理能力对比分析",
        left: 'center',
        textStyle:{
        color:'#FF0000',
        fontStyle:'normal',
        fon