Echarts: Как вызвать пользовательскую функцию при нажатии на заголовок? - PullRequest
Новая
       58

Echarts: Как вызвать пользовательскую функцию при нажатии на заголовок?

0 голосов
/ 22 ноября 2018

Я создал гистограмму с помощью Echart JS, как я могу настроить щелчок строки заголовка по своему усмотрению.Я попытался использовать triggerEvent, но он не работает при нажатии на заголовок, он работает только для статистики.

JSFiddle 

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

1 Ответ

0 голосов
/ 05 декабря 2018

Это возможно с последней версией echart js.

Версия: 4.2.0-rc.2

У заголовка теперь есть опция triggerEvent: 

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