Javascript 如何使ChartJS中的线不超过最大值
我希望这个ChartJS中的行不超过最大yAxes,或者换句话说,即使dataset.data超过yAxes,该行仍保留在元素中,我自己搜索了文档,但没有找到它 像这样 不是这样的 这是我的代码Javascript 如何使ChartJS中的线不超过最大值,javascript,chart.js,Javascript,Chart.js,我希望这个ChartJS中的行不超过最大yAxes,或者换句话说,即使dataset.data超过yAxes,该行仍保留在元素中,我自己搜索了文档,但没有找到它 像这样 不是这样的 这是我的代码 //Chartjs var ctx=document.getElementById('chart').getContext('2d'); var myChart=新图表(ctx{ 键入:“行”, 数据:{ 标签:[“星期一”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”]
//Chartjs
var ctx=document.getElementById('chart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[“星期一”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”],
数据集:[{
标签:“每日数据”,
数据:[73000010120001220000 18310005600002012000890000],
边框颜色:“#3f89fb”,
边框宽度:3,
填充:假
}]
},
选项:{
比例:{
//X或水平
xAxes:[{
网格线:{
颜色:“rgba(0,0,0,0)”,
}
}],
//垂直还是垂直
雅克斯:[{
对,,
滴答声:{
贝吉纳泽罗:是的,
最大值:1000000,
分:0,,
步长:200000,
回调:函数(值、索引、值){
返回值/1e6+‘M’;
}
},
网格线:{
颜色:“rgba(0,0,0,0)”,
}
}]
},
//工具提示
工具提示:{
回调:{
标签:函数(工具提示项、图表){
让datasetsData=chart.datasets[0].data[tooltipItem.index];
如果(datasetsData.toString().length给定您的代码,您可以执行以下操作:
将数据移动到类似var的位置
var myData = [730000, 1012000, 1220000, 1831000, 560000, 2012000, 890000];
然后将数据字段更改为data:myData,
然后把你的滴答声改成
ticks: {
beginAtZero:true,
max: Math.max.apply(Math, myData), //Sets the max to the max data you have
min: 0,
stepSize: 200000,
callback: function(value, index, values) {
return value / 1e6 + 'M';
}
},
您可以在最大值上添加一些内容,使其更大。代码在哪里?抱歉,我忘记了我认为这与我的代码相同,并且不起作用,因为现在查看您的数据-您有2012000,最大值为1000000,这就是为什么。问题是,即使数据超过最大值,我仍希望该行仍在其中设置(最大:1000000)如果你想让你拥有的数据比你最大的数据不可见-不要认为你可以(或者至少没有见过这样的选项)我是说,值大于最大值的仍将可见