gpt4 book ai didi

javascript - Highcharts 缩放图问题

转载 作者:行者123 更新时间:2023-11-28 02:12:51 26 4
gpt4 key购买 nike

我正在使用 Highcharts 创建图表:

http://dev.speechlink.co.uk/David/sixthiteration/home.php

然而,当缩放时,它似乎切掉了图表右侧的一部分......我不完全确定为什么......?

这是我的代码:

jQuery:

chart = new Highcharts.Chart({
chart: {
renderTo: 'summarycontainer',
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
title: {
text: 'No. Entries Submitted This Month',
style: {
fontSize: 10
}
},
xAxis: {
lineWidth: 1,
lineColor: '#999999',
title: {
text: 'x-axis'
}
},
yAxis: {
title: {
text: 'y-axis'
},
labels: {
y: 2
},
lineWidth: 1,
lineColor: '#999999',
gridLineWidth: 1,
gridLineColor: '#eaeaea',
startOnTick: false,
showFirstLabel: false
},
tooltip: {
shared: true
},
legend: {
enabled: false
},
plotOptions: {
},
series: [{
type: 'scatter',
name: '',
data: [10, 20, 10, 20, 2, 3, 1, 9],
lineColor: '#f6a828',
color: '#418ed6'
}],
});
});

在我的 HTML 中,我有一个 div 容器:

<div id = "summarycontainer" style="width: 250px; height: 250px"></div>

最佳答案

在上面的代码中你有:

data: [10, 20, 10, 20, 2, 3, 1, 9],

在页面源代码中有:

data: [10, 20, 10, 20, 2, 3, 1],

也许你认为剧情砍掉了最后一个点?

编辑:添加:categories: ['', ''] 到您的 xAxis :

xAxis: {         
categories: ['', ''],
lineWidth: 1,
lineColor: '#999999',
title: {
text: 'x-axis'
}
},

我认为 highcharts 中存在错误。

编辑 2:

对于格式化工具提示使用(以下仅是示例!):

tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'°C';
}
},

关于javascript - Highcharts 缩放图问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7193519/

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