【Echarts】求大神指点Echarts是否可以实现X轴有多行标签的效果

qq_17036203 2018-03-02 04:22:23

想要使用Echarts实现X轴有多行标签的效果，比如第一行为日，下一行为周，周是合并居中的，如图所示，谢谢！

...全文

1107 2 打赏收藏举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

chinashiji 2018-03-03

打赏
举报

回复

参考：http://blog.csdn.net/jathamj/article/details/52729210

Hello World, 2018-03-02

打赏
举报

回复

配置xAxis试下，参考：http://blog.csdn.net/jathamj/article/details/52729210

xAxis: { type: 'category', data: ['宜城', '襄城', '樊城', '襄州', '高新区'], axisLabel:{ formatter: function(value) { return value.split('').join('\n') }, } }, 效果图：

双Y轴属性、柱子渐变主要是配置yAxis与series // 需要引用graphic来进行渐变属性 import { graphic } from 'echarts/core'; yAxis: [ { axisLine: { show: true, }, position: 'left', // Y轴的位置 type: 'value', name: "今年项目个数(个)", },

在用echarts做折现图时遇到的问题效果图是这样的。 option = { xAxis: [{ type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], onZero: false, show: true }, ]...

下面给大家分享一下ECharts的几种功能，循序渐进地实现一个复杂的曲线图。

myChart.getZr().on('click', function (params) { if (params.topTarget) { if (params.topTarget.anid) { alert("点击了x轴标签") } } }); 参考：https://www.cnblogs.com/liangsf/p/11592283.html 其实echarts3中提供了一个点击

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章