如何使用Javascript将元素目标添加到我的代码中

Question

每当点击图表时，我想打开一个新的标签<a href="http://google.com" target="_blank">Plant 1</a>    的JavaScript。

摘要：

当您点击图表中的Plant 1时，系统会显示一个包含google.com的新标签页。

当您点击图表中的Tan Thanh时，系统会显示一个包含dell.com的新标签页。

当您点击图表中的Plant 3时，系统会显示一个包含w3schools.com的新标签页。

当您点击图表中的Plant 4时，系统会显示一个包含simplion.com的新标签页。

---

的 Demo

HTML：

<div id="chart_div" style="width: 550px; height: 500px;"></div>

使用Javascript：

google.load("visualization", "1", {
packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);

function drawChart() {
var data = google.visualization.arrayToDataTable([
    ['Year', 'link', 'Sales', 'Expenses'],
    ['Plant 1', 'http://google.com', 1000, 400],
    ['Tan Thanh', 'http://dell.com', 1170, 460],
    ['Plant 3', 'http://w3schools.com/', 660, 1120],
    ['Plant 4', 'http://simplion.com', 1030, 540]
]);

var view = new google.visualization.DataView(data);
view.setColumns([0, 3]);

var options = {
    title: 'Company Performance'
};

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

chart.draw(view, options);
var selectHandler = function (e) {
    window.location = data.getValue(chart.getSelection()[0]['row'], 1);
}

// Add our selection handler.
google.visualization.events.addListener(chart, 'select', selectHandler);
}

Answer 1

使用

window.open( data.getValue(chart.getSelection()[0]['row'], 1), options.title, "height=200,width=200");

而不是，

window.location = data.getValue(chart.getSelection()[0]['row'], 1);