スタックバーチャートのY軸のリンク

Question

私はHighcharts、特にJavascriptの初心者です。私はy軸上のラベルの後ろにハイパーリンクを置く方法を思いつきます。これまでのところ、私は答えを見つけることができませんでした。

Highcharts.chart('container', { 
    chart: { 
     type: 'bar' 
    }, 
    title: { 
     text: '' 
    }, 
    colors: ['#c83f3f', '#66b257'],  
    fontFamily: 'Merriweather Sans, sans-serif', 
     xAxis: { 
     categories: ['Test 1', 'Test 2', 'Test 3', 'Test 4', 'Test 5', 'Test 6', 'Test 7', 'Test 8'] 
    }, 
    yAxis: { 
     min: 0, 
     max: 10, 
     title: { 
      text: '' 
     } 
    }, 
    legend: { 
     reversed: true 
    }, 
    plotOptions: { 
     series: { 
      stacking: 'normal' 
     } 
    }, 
    series: [{ 
     name: 'Nicht erfüllte Kriterien', 
     data: [5, 3, 4, 7, 2, 6, 4, 5] 
    }, { 
     name: 'Erfüllte Kriterien', 
     data: [5, 7, 6, 3, 8, 4, 6, 5] 
    }] 
}); 

今、私は「テスト2」、「テスト2」の背後にある外部サイトへのリンクを置くことなどのラベルをしたいと思います。私はこのような何かを持っています。 - どうすればいい？

ありがとうございました！ -Oliver

Answer 1

anchor<a>タグは、xAxisのcategories配列に指定できます。

 categories: ['<a href="http://stackoverflow.com">Test 2', 
'<a href="http://stackoverflow.com/questions">Test 5</a>'] 

サンプルコード：私は、このサンプルでは2とテスト5をテストするためのリンクを与えている：

Highcharts.chart('container', { 
 
    chart: { 
 
     type: 'bar' 
 
    }, 
 
    title: { 
 
     text: '' 
 
    }, 
 
    colors: ['#c83f3f', '#66b257'],  
 
    fontFamily: 'Merriweather Sans, sans-serif', 
 
     xAxis: { 
 
     categories: ['Test 1', '<a href="http://stackoverflow.com">Test 2', 'Test 3', 'Test 4', '<a href="http://stackoverflow.com/questions">Test 5</a>', 'Test 6', 'Test 7', 'Test 8'] 
 
    }, 
 
    yAxis: { 
 
     min: 0, 
 
     max: 10, 
 
     title: { 
 
      text: '' 
 
     } 
 
    }, 
 
    legend: { 
 
     reversed: true 
 
    }, 
 
    plotOptions: { 
 
     series: { 
 
      stacking: 'normal' 
 
     } 
 
    }, 
 
    series: [{ 
 
     name: 'Nicht erfüllte Kriterien', 
 
     data: [5, 3, 4, 7, 2, 6, 4, 5] 
 
    }, { 
 
     name: 'Erfüllte Kriterien', 
 
     data: [5, 7, 6, 3, 8, 4, 6, 5] 
 
    }] 
 
});

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

it.likeこの中でリンクを指定して