Highcharts 剪切x值的数量 说明:
我已经使用了5天,但我有一个问题: 我有一个大约250个x值的系列,但是当绘制面积图时,只显示65个值 问题:Highcharts 剪切x值的数量 说明:,highcharts,javascript,Highcharts,Javascript,我已经使用了5天,但我有一个问题: 我有一个大约250个x值的系列,但是当绘制面积图时,只显示65个值 问题: 如何使图表运行250个值?以下是我的HighCharts代码: var myChart = Highcharts.chart('elevations', { chart: {type: 'area', backgroundColor: '#ffffff', width: 1000},
如何使图表运行250个值?以下是我的HighCharts代码:
var myChart = Highcharts.chart('elevations', {
chart: {type: 'area', backgroundColor: '#ffffff', width: 1000},
title: { text: '' },
tooltip: {
backgroundColor: '#FCFFC5',
borderColor: '#5e88ff', borderWidth: 2,
useHTML: true,
headerFormat: '<table><tr><td>bei Kilometer:</td><td style="text-align: right"><b>{point.key}</b></td></tr>',
pointFormat: '<tr><td style="color:{series.color}">{series.name}: </td>' +
'<td style="text-align: right"><b>{point.y}</b></td></tr>',
footerFormat: '</table>',
valueDecimals: 1
},
xAxis: { categories: distNew },
yAxis: { title: { text: 'Meter' }, lineColor: '#5e88ff', lineWidth: 2 },
series: [{
name: 'Höhenmeter',
data: elevations,
showInLegend: false,
lineWidth: 2,
color: '#000000',
animation: { duration: 5000 },
zones: [{
value: 250,
fillColor: '#cad8ff',
}, {
value: 500,
fillColor: '#b4c8ff'
}, {
value: 750,
fillColor: '#98b3ff'
}, {
fillColor: '#5e88ff'
}]
}]
});
var myChart=Highcharts.chart('elevations'){
图表:{类型:'区域',背景颜色:'#ffffff',宽度:1000},
标题:{文本:'},
工具提示:{
背景颜色:“#FCFFC5”,
边框颜色:'#5e88ff',边框宽度:2,
是的,
标题:'bei公里:{point.key}',
pointFormat:“{series.name}:”+
“{point.y}”,
页脚格式:“”,
数值小数:1
},
xAxis:{categories:distNew},
yAxis:{title:{text:'Meter'},线条颜色:'#5e88ff',线条宽度:2},
系列:[{
姓名:“Höhenmeter”,
数据:高程,
showInLegend:false,
线宽:2,
颜色:'#000000',
动画:{持续时间:5000},
分区:[{
价值:250,
填充颜色:“#cad8ff”,
}, {
价值:500,
填充颜色:“#b4c8ff”
}, {
价值:750,
填充颜色:“#98b3ff”
}, {
填充颜色:“#5e88ff”
}]
}]
});
distNew(array)有250个值,但图表中显示的值仅65请将您尝试的内容添加到您的问题中。您是否可以准备一个关于您的问题的在线演示(JSFIDLE、codepen)?