при клике опция не работает должным образом в JavaScript - PullRequest
Новая
       30

при клике опция не работает должным образом в JavaScript

0 голосов
/ 05 ноября 2019

Я пытаюсь получить баллы за открытие новой страницы при нажатии, но когда я использую строковые метки для меток x, это не работает.

Я подозреваю, что неправильно использую аргумент window.open (dx)! Новичок в JS, пожалуйста, помогите. 

 var chart = c3.generate({
      bindto: '#chart',
      data: {
			x:'x',
        columns: [
          ['x', '30', '200', '100', '400', '150', '250'],
          ['data2', 50, 20, 10, 40, 15, 25]
        ],
        type: 'scatter',
        onclick: function (d) { 
          console.log(d)
          window.open(arrayOfLinks[d.x]);
        },
      },
      axis: {
        rotated: true
      },

    });
    
var arrayOfLinks = [
  "http://google.com",
  "http://bing.com",
  "http://duckduckgo.com",
  "http://yahoo.com",
  "http://msn.com",
  "http://stackoverflow.com",
];
<!DOCTYPE html>
<html lang="en">
<head>
    <title>tst</title>
     <meta charset="utf-8">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.11/c3.min.js"></script>
</head>
<body>
<div class="container">

			
<div id="container" style="width: 2000px; height: 60px; margin: 0 auto"></div>
<div class="container">
		</div>
		<center><b>Clickable data points</b></center>
		<div id="chart"></div>
 
    <script> 
    </script>
</body>
</html>

Когда я избавляюсь от x: 'x' и просто использую: 

data: {
        columns: [
          [x, 30, 200, 100, 400, 150, 250],
          ['data2', 50, 20, 10, 40, 15, 25]

Работает отлично! Но мне нужен предыдущий пример.

Спасибо.

...