echarts图表实现折线图在坐标区域显示Y轴是哪个属性?

图片描述
实现周二的那条竖线、以及后面的周三、四等的竖线。在线等,急

阅读 4.9k
2 个回答

可以在一个坐标上设置多轴线。option 里面:

yAxis:[{轴线1的配置项},{轴线2的配置项},{轴线3的配置项}]

在多轴线状态下,可以通过设置 yAxis 的 offset 属性来确定每个轴线的位置

新手上路,请多包涵

image.png
tooltip: {

            show: true, // 是否显示
            trigger: 'axis', // 触发类型  'item'图形触发:散点图,饼图等无类目轴的图表中使用; 'axis'坐标轴触发;'none':什么都不触发。
            axisPointer: { // 坐标轴指示器配置项。
                type: 'shadow', // 'line' 直线指示器  'shadow' 阴影指示器  'none' 无指示器  'cross' 十字准星指示器。
                axis: 'auto', // 指示器的坐标轴。 
                snap: true, // 坐标轴指示器是否自动吸附到点上
            },
            // showContent: true, //是否显示提示框浮层,默认显示。
            // triggerOn: 'mouseover', // 触发时机  'mouseover'鼠标移动时触发。     'click'鼠标点击时触发。  'mousemove|click'同时鼠标移动和点击时触发。
            // enterable: false, // 鼠标是否可进入提示框浮层中,默认为false,如需详情内交互,如添加链接,按钮,可设置为 true。
            renderMode: 'html', // 浮层的渲染模式,默认以 'html 即额外的 DOM 节点展示 tooltip;
            backgroundColor: 'rgba(50,50,50,0.7)', // 提示框浮层的背景颜色。
            borderColor: '#333', // 提示框浮层的边框颜色。
            borderWidth: 0, // 提示框浮层的边框宽。
            padding: 5, // 提示框浮层内边距,
            textStyle: { // 提示框浮层的文本样式。
                color: '#fff',
                fontStyle: 'normal',
                fontWeight: 'normal',
                fontFamily: 'sans-serif',
                fontSize: 14,
            },
            extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);', // 额外附加到浮层的 css 样式
            confine: false, // 是否将 tooltip 框限制在图表的区域内。
            // formatter: '{b} 的成绩是 {c}'
            formatter: function(arg) {
                return arg[0].name + '的分数是:' + arg[0].data
            }
        },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题