找回密码
 立即注册

QQ登录

只需一步,快速开始

465606055
金牌服务用户   /  发表于:2021-7-23 16:36  /   查看:4641  /  回复:4
0金币
本帖最后由 Joe.xu 于 2021-8-5 11:22 编辑

怎么让折线图的横坐标换到上面,纵坐标换到右侧;

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

4 个回复

倒序浏览
Chelsey.Wang讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-7-23 16:36:25
沙发
本帖最后由 Chelsey.Wang 于 2021-7-26 16:50 编辑

可以通过Echarts的API,使用JS来调整坐标轴的位置Documentation - Apache ECharts

添加全局JS

示例代码:
  1. Forguncy.Helper.preSetEchartOption = function (option, pageName, chartName) {
  2.     if (pageName == "页面1" && chartName == "Chart1") {
  3.         //x轴上移并反转
  4.         option.xAxis.position = 'top';
  5.         option.xAxis.inverse = true;
  6.         //y轴右移并反转
  7.         option.yAxis.position = 'right';
  8.         option.yAxis.inverse = true;
  9.         //通过garid可以调整图表到边框的距离
  10.         option.grid.top = '10%';
  11.     }
  12. }
复制代码
移动完坐标轴后,需要通过grid调整图表到边框的距离,

相关的配置项可以参考Echarts的文档:Documentation - Apache ECharts
这里还有一个可以快速检索各种配置项和方法的网站,也分享给大家:
如何快速上手ECharts_w3cschool





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
随风悬赏达人认证
银牌会员   /  发表于:2021-7-23 18:05:38
板凳
数据交换一下就行
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2022-12-3 19:55:44
地板
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-12-5 09:16:45
5#
感谢您对活字格的支持。
后面有问题,欢迎继续发新帖交流
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部