gpt4 book ai didi

javascript - 如何将数据放入一列

转载 作者:行者123 更新时间:2023-12-03 05:44:55 24 4
gpt4 key购买 nike

我正在使用 Highcharts.js 插件,一切都很好,但我想显示的是例如以下数据:

1, 5, 10, 20

这里的问题是,它的每个值都显示在一列中,而我想要的是在一列中显示所有值,所以我的问题是我该怎么做才能像我想要的那样显示我的图表?这是我当前的代码:

$(document).ready(function() {
$('#xd').click(function() {
draw();
});
});

function draw() {
var myArray = [];
myArray = [1, 5, 10, 11, 8];

$('#grafic').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Sampled Parts'
},
xAxis: {
categories: ['Data'],
labels: {
rotation: -33,
}
},
yAxis: {
allowDecimals: true,
min: 0,
title: {
text: 'Resultados'
}
},
tooltip: {
formatter: function() {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + this.y + '<br/>' +
'Total: ' + this.point.stackTotal;
}
},

legend: {
reversed: true
},
plotOptions: {
column: {
stacking: 'normal'
}
},
series: [{
name: 'My Data',
data: myArray
}]
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>






<div id="grafic">
</div>

<button id="xd">Click</button>

如果你看到我的代码,我有 5 列,我想要的是将所有值都放在一列中,但说实话,我不知道我能做什么。

Codepen code

最佳答案

如果您想堆叠这些值,那么您需要创建多个系列(我猜每个系列中只有一个值)。从此更改:

var myArray = [];
myArray = [1, 5, 10, 11, 8];

对此:

series: [{
name: 'mydata',
data: [1]
}, {
name: 'mydata2',
data: [5]
}, {
name: 'mydata3',
data: [10]
}, {
name: 'mydata4',
data: [11]
}, {
name: 'mydata5',
data: [8]
}]

请参阅下面的运行示例:

$(document).ready(function() {
$('#xd').click(function() {
draw();
});
});

function draw() {
$('#grafic').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Sampled Parts'
},
xAxis: {
categories: ['Data'],
labels: {
rotation: -33,
}
},
yAxis: {
allowDecimals: true,
min: 0,
title: {
text: 'Resultados'
}
},
tooltip: {
formatter: function() {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + this.y + '<br/>' +
'Total: ' + this.point.stackTotal;
}
},

legend: {
reversed: true
},
plotOptions: {
column: {
stacking: 'normal'
}
},
// var myArray = [];
// myArray = [1, 5, 10, 11, 8];

series: [{
name: 'mydata',
data: [1]
}, {
name: 'mydata2',
data: [5]
}, {
name: 'mydata3',
data: [10]
}, {
name: 'mydata4',
data: [11]
}, {
name: 'mydata5',
data: [8]
}]
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="grafic">
</div>

<button id="xd">Click</button>

关于javascript - 如何将数据放入一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40368098/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com