无法读取未定义的asp MVC Morris Chart的属性'匹配'

时间:2016-11-29 11:02:27

标签: javascript c# asp.net asp.net-mvc morris.js

美好的一天!

我目前正在制作一个带有morrischart的仪表板。仪表板由ASP MVC制作。

使用javascript我在我的控制器中调用一个函数来返回我的数据。

<div class="maindrop">
  <div class="fold default">
    <a class="bar" href="#tab1">Speaker 1</a>
    <div class="dropbox" id='tab1'>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam diam enim, interdum eget iaculis in, pretium non libero. Pellentesque id interdum risus, vitae iaculis ipsum. Duis mi tortor, sodales nec nisl nec, venenatis sollicitudin turpis. Pellentesque hendrerit nec massa sit amet scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a mi sit amet metus hendrerit placerat. Duis ullamcorper lectus vel erat luctus egestas. Maecenas pharetra justo sed nulla blandit, ut viverra diam posuere.</p>
    </div>
  </div>
  <div class="fold" >
    <a class="bar" href="#tab2"> Speaker 2</a>
    <div class="dropbox" id='tab2'>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam diam enim, interdum eget iaculis in, pretium non libero. Pellentesque id interdum risus, vitae iaculis ipsum. Duis mi tortor, sodales nec nisl nec, venenatis sollicitudin turpis. Pellentesque hendrerit nec massa sit amet scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a mi sit amet metus hendrerit placerat. Duis ullamcorper lectus vel erat luctus egestas. Maecenas pharetra justo sed nulla blandit, ut viverra diam posuere.</p>

      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam diam enim, interdum eget iaculis in, pretium non libero. Pellentesque id interdum risus, vitae iaculis ipsum. Duis mi tortor, sodales nec nisl nec, venenatis sollicitudin turpis. Pellentesque hendrerit nec massa sit amet scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a mi sit amet metus hendrerit placerat. Duis ullamcorper lectus vel erat luctus egestas. Maecenas pharetra justo sed nulla blandit, ut viverra diam posuere.</p>
    </div>
  </div>
  <div class="fold">
    <a class="bar" href="#tab3"> Speaker 3</a>
    <div class="dropbox" id='tab3'>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam diam enim, interdum eget iaculis in, pretium non libero. Pellentesque id interdum risus, vitae iaculis ipsum. Duis mi tortor, sodales nec nisl nec, venenatis sollicitudin turpis.</p>
    </div>
  </div>
  <div class="fold">
    <a class="bar" href="#tab4"> Speaker 4</a>
    <div class="dropbox" id='tab4'>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam diam enim, interdum eget iaculis in, pretium non libero. Pellentesque id interdum risus, vitae iaculis ipsum. Duis mi tortor, sodales nec nisl nec, venenatis sollicitudin turpis. Pellentesque hendrerit nec massa sit amet scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a mi sit amet metus hendrerit placerat. Duis ullamcorper lectus vel erat luctus egestas. Maecenas pharetra justo sed nulla blandit, ut viverra diam posuere.</p>
    </div>
  </div>
</div>

“结果”包含图表所需的json数据。'

我在这里展示的代码是控制器代码。 scorebord已经定义并且包含了良好的数据。

$.get('@Url.Action("Diagram")', function (result) {
            console.log(result) #Has the the correct information
            Morris.Line({
                element: 'morris-area-chart',
                data: result,
                xkey: 'period',
                ykeys: ['ColliAantal'],
                labels: ['Colli aantal'],
                pointSize: 1.5,
                hideHover: 'auto',
                resize: true
            });

奇怪的是,如果我进入调试并复制控制器中返回的数据并直接在javascript中作为数据过去,那么事情就会突然发生!

我希望有人可以帮我解决这个问题。谢谢!

1 个答案:

答案 0 :(得分:1)

您是否已尝试返回json var(仅字符串)而不是Json类型的对象?