Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js 图表JS对数x轴_Chart.js - Fatal编程技术网

Chart.js 图表JS对数x轴

Chart.js 图表JS对数x轴,chart.js,Chart.js,我想创建一个x轴对数的图形。我举了一个例子,将类型改为对数。但我得到的是y轴本身的所有y值(见附件)。但当我将y轴设为对数时,它的工作原理与预期一致。我正在使用chartjs版本2.9.3。当我使用2.8.0时,没有输出 这是我的代码: 对数折线图 帆布{ -moz用户选择:无; -webkit用户选择:无; -ms用户选择:无; } 随机化数据 var randomScalingFactor=函数(){ 返回Math.ceil(Math.random()*10.0)*Math.pow(10,

我想创建一个x轴对数的图形。我举了一个例子,将类型改为对数。但我得到的是y轴本身的所有y值(见附件)。但当我将y轴设为对数时,它的工作原理与预期一致。我正在使用chartjs版本2.9.3。当我使用2.8.0时,没有输出

这是我的代码:


对数折线图
帆布{
-moz用户选择:无;
-webkit用户选择:无;
-ms用户选择:无;
}
随机化数据
var randomScalingFactor=函数(){
返回Math.ceil(Math.random()*10.0)*Math.pow(10,Math.ceil(Math.random()*5));
};
变量配置={
键入:“行”,
数据:{
标签:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],
数据集:[{
标签:“我的第一个数据集”,
背景颜色:window.chartColors.red,
边框颜色:window.chartColors.red,
填充:假,
数据:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],
},]
},
选项:{
回答:是的,
标题:{
显示:对,
文本:“Chart.js折线图-对数”
},
比例:{
xAxes:[{
错,,
显示:对,
类型:'对数',
}],
雅克斯:[{
错,,
显示:对,
}]
}
}
};
window.onload=函数(){
var ctx=document.getElementById('canvas');
window.myLine=新图表(ctx,配置);
};
document.getElementById('randomizeData')。addEventListener('click',function(){
config.data.datasets.forEach(函数(数据集){
dataset.data=dataset.data.map(函数(){
返回randomScalingFactor();
});
});
window.myLine.update();
});

如果两个轴都是数字轴,则需要将数据作为一个数组提供,即:

从文件中:

此备选方案用于稀疏数据集,如中的数据集。使用包含
x
y
属性的对象指定每个数据点

下面是发布代码中的一个工作示例:

var配置={
键入:“行”,
数据:{
数据集:[{
标签:“我的第一个数据集”,
背景颜色:“红色”,
边框颜色:“红色”,
填充:假,
数据:[
{x:1,y:1},
{x:2,y:2},
{x:3,y:3},
{x:4,y:4},
{x:5,y:5},
{x:6,y:6},
{x:7,y:7},
{x:8,y:8},
{x:9,y:9},
{x:10,y:10},
{x:11,y:11},
{x:12,y:12},
{x:13,y:13},
{x:14,y:14},
{x:15,y:15}
]
}]
},
选项:{
回答:是的,
标题:{
显示:对,
文本:“Chart.js折线图-对数”
},
比例:{
xAxes:[{
类型:“对数”
}]
}
}
};
window.onload=函数(){
var ctx=document.getElementById('canvas');
window.myLine=新图表(ctx,配置);
};

[ { x: 111, y: 222 }, ... ]