echarts中双轴均显示ラベル
在echarts中,为双轴同时显示ラベル需要设置两个x轴。代码如下:
option = { xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] } ], yAxis: [ { type: 'value', inverse: true }, { type: 'value' } ], series: [ { data: [120, 120, 10, 80, 70, 70, 130], type: 'bar', }, { data: [10, 20, 110, 50, 30, 20, 80], type: 'bar', xAxisIndex: 1, yAxisIndex: 1 } ] };
这将生成如下图所示的图表,其中两个x轴都显示了标签:
[图片]
对于使用axislabel来取值的图表,需要在axislabel的格式化函数中实现类似的逻辑。
以上就是ECharts中如何实现双轴同时显示标签?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号