【问题标题】:Show tooltip without series symbols显示不带系列符号的工具提示
【发布时间】:2023-04-01 02:59:01
【问题描述】:

我有一个折线图,其中包含相当多的项目,我想知道是否有一种方法可以触发工具提示而无需在线条上使用符号。 我尝试使用两个触发器(轴,项目)但没有运气。

显示符号(即圆圈)时看起来有点奇怪,这就是我想隐藏它们的原因。

有没有人遇到过类似的问题?

谢谢

【问题讨论】:

    标签: echarts


    【解决方案1】:

    如何将series.symbolSize 设置为0 和'axis' 作为触发器,如下所示,这是你想要的吗?

    let echartsObj = echarts.init(document.querySelector('#canvas'));
     
    option = {
        tooltip: {
            show: true,
            trigger: 'axis'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
     
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            symbolSize: 0
        }]
    };
    
    
    
        echartsObj.setOption(option)
    <html>
          <header>
            <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts-en.min.js"></script>
          </header>
          <body>
            <div id="canvas" style="width: 100%; height: 300px">
            </div>
          </body>
        </html>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-08
      相关资源
      最近更新 更多