1
jquery 시각화 작업을 시도하는 중입니다. 테이블이 잘 작동하고 캡션이 렌더링되지만 차트에 데이터가 없습니다. 나는 예제를 따라 문제를 조사했지만 잘못 된 것을 보지 못했습니다. 콘솔에 데이터를 채우지 않고 데이터를 채우는 것만으로는 아무 것도 없습니다. 나는 그리드 뷰 테이블이 이슈를 일으키고 테이블을 코딩 한 후에 테이블을 코딩했지만 여전히 같은 결과는 차트가 아니기 전에 다시 생각 해냈다. 여기 전체 페이지는 정말 그렇게 많이 엉망이 된 것을 알려주지 않기 때문에. 사전에Jquery 시각화 차트가 표시되지 않습니다.
덕분에
<head>
<title>test chart</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link href="Content/visualize-dark.css" rel="stylesheet" />
<link href="Content/visualize-light.css" rel="stylesheet" />
<link href="Content/visualize.css" rel="stylesheet" />
<script src="Scripts/visualize.jQuery.js"></script>
<script>
$(document).ready(function() {
$('table').visualize({ type: 'bar' });
});//end ready function
</script>
<body>
<table>
<caption>Test Data</caption>
<thead>
<tr>
<td></td>
<th scope="col">food</th>
<th scope="col">auto</th>
<th scope="col">household</th>
<th scope="col">furniture</th>
<th scope="col">kitchen</th>
<th scope="col">bath</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Mary</th>
<td>190</td>
<td>160</td>
<td>40</td>
<td>120</td>
<td>30</td>
<td>70</td>
</tr>
<tr>
<th scope="row">Tom</th>
<td>3</td>
<td>40</td>
<td>30</td>
<td>45</td>
<td>35</td>
<td>49</td>
</tr>
</tbody>