Я использую функцию csvURL для создания старшей диаграммы.Приведенный ниже сценарий работает, однако в тот момент, когда я добавляю highcharts-3d.js для создания трехмерной диаграммы, экран становится пустым.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<!-- 2. Add the JavaScript to initialize the chart on DOM loaded -->
<body>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
Highcharts.chart('container', {
chart: {
type: 'bar',
options3d: {
enabled: true,
alpha: 15,
beta: 0,
depth: 50,
viewDistance: 25
}
},
data: {
csvURL: 'https://raw.githubusercontent.com/peoplecure/FunTravel/master/fake%20column.csv'
},
title: {
text: 'Made up Data'
},
xAxis: {
type: 'category',
labels: {
rotation: -45,
style: {
fontFamily: 'Arial',
fontSize: '12px'
}
}
},
yAxis: {
min: 0,
title: {
text: 'Number of Cups'
}
},
exporting: {
enabled: false
},
credits: {
enabled: false
}
})
});
function showValues() {
$('#alpha-value').html(chart.options.chart.options3d.alpha);
$('#beta-value').html(chart.options.chart.options3d.beta);
$('#depth-value').html(chart.options.chart.options3d.depth);
}
// Activate the sliders
$('#sliders input').on('input change', function() {
chart.options.chart.options3d[this.id] = parseFloat(this.value);
showValues();
chart.redraw(false);
});
showValues();
</script>
<!-- 3. Add the container -->
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
</html>
Я вставил это в голову:
<script src="/https://code.highcharts.com/highcharts-3d.js"><script>
Что мне нужно сделать, чтобы создать трехмерную диаграмму?Очевидно, мой метод не работает.
Кстати, простите за просторы.Я ограничен использованием блокнота, и расположение вкладок здесь не выглядит красиво.