Echarts：如何在点击标题时调用自定义函数？

Question

我用Echart JS制作了一个条形图，如何自定义标题栏的点击。我试过使用 triggerEvent，但它在点击标题时不起作用，它只对统计有效。

var myChart = echarts.init(document.getElementById('main'));

function openTab(){
// Custom code will go here
    return 'https://www.google.com'
}

option = {
  title: {
    x: 'left',
    text: '12 total',
    link : function(){
        openTab();
    }
  },
  grid: {
    left: 50,
    top: 50,
    right: 50,
    bottom: 0
  },
  xAxis: [{
    type: 'category',
    show: false,
    data: ['Test 1', 'Test 2']
  }],
  yAxis: [{
    type: 'value',
    show: false,
    min: 0
  }],
  series: [{
    type: 'bar',
    itemStyle: {
      normal: {
        color: '#3b4563',
        label: {
          show: true,
          position: 'top',
          formatter: '{c} {b}'
        }
      }
    },
    data: ['2', '10']
  }]
};



myChart.setOption(option);

我用过https://ecomfe.github.io/echarts-examples/public/index.html#chart-type-bar

Answer 1

最新版本的echart js可以实现

版本：4.2.0-rc.2

标题现在有 triggerEvent 选项：

title : {
            text: 'Test titlr',
            triggerEvent: true
        },

Echarts：如何在点击标题时调用自定义函数？

Echarts : How to call custom function on click of title?

javascript

charts

echarts

baidu