javascript人力车条形图宽度=NaN
我试图用一组非常基本的数据绘制一个人力车条形图,出于某种原因,当我自己创建序列数组(带有color:string、data:[{}]和name:string)时,我得到以下错误: 错误:属性width=“NaN”的值无效 如果我看一下为图形的每个条创建的元素,它们的宽度确实为NaN:javascript人力车条形图宽度=NaN,javascript,rickshaw,Javascript,Rickshaw,我试图用一组非常基本的数据绘制一个人力车条形图,出于某种原因,当我自己创建序列数组(带有color:string、data:[{}]和name:string)时,我得到以下错误: 错误:属性width=“NaN”的值无效 如果我看一下为图形的每个条创建的元素,它们的宽度确实为NaN: var json = '@Html.Raw(Json.Encode(Model))'; var array = $.parseJSON(json); var dataArray = [];
var json = '@Html.Raw(Json.Encode(Model))';
var array = $.parseJSON(json);
var dataArray = [];
var palette = new Rickshaw.Color.Palette({ scheme: 'classic9' });
for (var i = 0; i < array.length; i++) {
dataArray.push(
{
color: palette.color(),
data: [{x: i, y: array[i].Value}],
name: array[i].Key
});
}
console.log(dataArray);
var graph = new Rickshaw.Graph({
element: document.querySelector("#chart"),
renderer: 'bar',
width: 420,
height: 280,
series: dataArray
});
graph.render();
<rect x="0" y="208.95816646947355" width="NaN" height="71.04183353052643" transform="matrix(1,0,0,1,0,0)" fill="#2f254a"></rect>
<rect x="0" y="168.32890323029957" width="NaN" height="40.6333259065763" transform="matrix(1,0,0,1,0,0)" fill="#491d37"></rect>
<rect x="0" y="133.60905003661946" width="NaN" height="34.71985319368011" transform="matrix(1,0,0,1,0,0)" fill="#7c2626"></rect>
var json='@Html.Raw(json.Encode(Model));
var数组=$.parseJSON(json);
var dataArray=[];
var palete=new Rickshaw.Color.palete({scheme:'classic9'});
对于(var i=0;i
谢谢。实际上这是人力车的一个已知问题:一个系列有多个数据点工作,多个系列有多个数据点工作,多个系列只有一个数据点不工作。这是我的案子 改变了我设计图表的方式来解决这个问题 谢谢