Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.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
Javascript 如何使用chart.js标记雷达图中的轴_Javascript_Chart.js - Fatal编程技术网

Javascript 如何使用chart.js标记雷达图中的轴

Javascript 如何使用chart.js标记雷达图中的轴,javascript,chart.js,Javascript,Chart.js,我希望以不同的方式标记chart.js雷达图中的轴。轴标有从1到5的数字。参见打印屏幕。我想要的不是1=否,2=基本,3=熟练等 这是否可以通过雷达图中的chart.js进行配置,例如使用chart.js选项 提前感谢因为您使用的是2.1.3版,所以实现您想要的将非常简单 在任何图表(包括您正在使用的雷达)中,值的标签都存储在options.scale.ticks中 然后,如果要编辑它们的显示方式,必须使用Chart.js回调,如下所示: 变量选项={ 比例:{ 滴答声:{ 贝吉纳泽罗:是的,

我希望以不同的方式标记chart.js雷达图中的轴。轴标有从1到5的数字。参见打印屏幕。我想要的不是1=否,2=基本,3=熟练等

这是否可以通过雷达图中的chart.js进行配置,例如使用chart.js选项

提前感谢

因为您使用的是2.1.3版,所以实现您想要的将非常简单

在任何图表(包括您正在使用的雷达)中,值的标签都存储在options.scale.ticks中

然后,如果要编辑它们的显示方式,必须使用Chart.js回调,如下所示:

变量选项={ 比例:{ 滴答声:{ 贝吉纳泽罗:是的, userCallback:函数值、索引、值{ //默认回调 返回值; } } } } 使用所需内容编辑返回值。 下面是一个示例,也是一个使用简单数组和要显示的标签的完整工作示例:

var ctx=document.getElementByIdmyChart.getContext2d; 变量符号={ 0: , 0.5: , 1:没有, 1.5: , 2:基本,, 2.5: , 3:精通,, 3.5: , 4:太好了, 4.5: , 5:优秀,, } 风险值数据={ 标签:[吃、喝、睡、设计、编码、骑自行车、跑步], 数据集:[{ 标签:我的第一个数据集, 背景颜色:RGBA179181198,0.2, 边框颜色:RGBA179181198,1, pointBackgroundColor:RGBA179181198,1, pointBorderColor:fff, pointHoverBackgroundColor:fff, pointHoverBorderColor:RGBA179181198,1, 数据:[3.25,2.95,4.5,4.05,2.8,2.75,2.0] }, { 标签:我的第二个数据集, 背景颜色:rgba255,99132,0.2, 边框颜色:rgba255,99132,1, pointBackgroundColor:rgba255,99132,1, pointBorderColor:fff, pointHoverBackgroundColor:fff, pointHoverBorderColor:rgba255,99132,1, 数据:[1.4,2.4,2.0,0.95,4.8,1.35,5.0] }] }; var myChart=新的Chartctx{ 类型:雷达,, 数据:数据, 选项:{ 比例:{ 滴答声:{ 贝吉纳泽罗:是的, userCallback:函数值、索引、值{ 返回符号[值]; } } } } }; console.logmyChart; 由于您使用的是2.1.3版,因此实现您想要的功能将非常简单

在任何图表(包括您正在使用的雷达)中,值的标签都存储在options.scale.ticks中

然后,如果要编辑它们的显示方式,必须使用Chart.js回调,如下所示:

变量选项={ 比例:{ 滴答声:{ 贝吉纳泽罗:是的, userCallback:函数值、索引、值{ //默认回调 返回值; } } } } 使用所需内容编辑返回值。 下面是一个示例,也是一个使用简单数组和要显示的标签的完整工作示例:

var ctx=document.getElementByIdmyChart.getContext2d; 变量符号={ 0: , 0.5: , 1:没有, 1.5: , 2:基本,, 2.5: , 3:精通,, 3.5: , 4:太好了, 4.5: , 5:优秀,, } 风险值数据={ 标签:[吃、喝、睡、设计、编码、骑自行车、跑步], 数据集:[{ 标签:我的第一个数据集, 背景颜色:RGBA179181198,0.2, 边框颜色:RGBA179181198,1, pointBackgroundColor:RGBA179181198,1, pointBorderColor:fff, pointHoverBackgroundColor:fff, pointHoverBorderColor:RGBA179181198,1, 数据:[3.25,2.95,4.5,4.05,2.8,2.75,2.0] }, { 标签:我的第二个数据集, 背景颜色:rgba255,99132,0.2, 边框颜色:rgba255,99132,1, pointBackgroundColor:rgba255,99132,1, pointBorderColor:fff, pointHoverBackgroundColor:fff, pointHoverBorderColor:rgba255,99132,1, 数据:[1.4,2.4,2.0,0.95,4.8,1.35,5.0] }] }; var myChart=新的Chartctx{ 类型:雷达,, 数据:数据, 选项:{ 比例:{ 滴答声:{ 贝吉纳泽罗:是的, userCallback:函数值、索引、值{ 返回符号[值]; } } } } }; console.logmyChart;
你能提供JSFIDLE吗?这是哪个版本的chart js?我使用的是2.1.3版。你能提供JSFIDLE吗?这是哪个版本的chart js?我使用的是2.1.3版