echarts 正负两极负数正显，多色显示

最新推荐文章于 2024-05-24 11:26:40 发布

一步一步往前走！

最新推荐文章于 2024-05-24 11:26:40 发布

阅读量739

点赞数

分类专栏： echarts 可视化文章标签： html javascript js

本文链接：https://blog.csdn.net/weixin_44957344/article/details/124267528

版权

本文介绍如何使用Echarts在图表中实现正负数值的正显和多色显示，通过HTML和JavaScript实现数据可视化的效果。示例中详细展示了配置项和代码实现过程。

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

HTML + js


<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=bar-negative2
-->
<!DOCTYPE html>
<html style="height: 100%">
    <head>
        <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
        <div id="container" style="height: 100%"></div>

        
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"></script>
        <!-- Uncomment this line if you want to dataTool extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/extension/dataTool.min.js"></script>
        -->
        <!-- Uncomment this line if you want to use gl extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js">