echars 修改横纵坐标

最新推荐文章于 2024-04-10 17:11:19 发布

在路上等

最新推荐文章于 2024-04-10 17:11:19 发布

阅读量575

点赞数

分类专栏：插件使用及问题解决文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_42327537/article/details/134413399

版权

插件使用及问题解决专栏收录该内容

26 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何使用 Echarts 库来修改图表的横坐标和纵坐标，包括设置坐标轴刻度、标签、范围等，帮助开发者实现更个性化的数据可视化效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



             const chartDom = document.getElementById('main2')
             const myChart = window.echarts.init(chartDom)
             const arr = new Array(171).fill('')
             const barWidthNum = (chartDom.offsetWidth - 50 - (arr.length - 1) * 3) / arr.length
             const option = {
                 grid: {
                     top: 10,
                    left: 40,
                    right: 40,
                     bottom: 20
                 },
                 xAxis: {
                     type: 'category',
                     position:"right",
                  inverse: true,  
                   lineStyle: {
                      color: "#0F3054",
                 },

了解本专栏