It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://sipintarsolo.surakarta.go.id

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  6. <meta charset="utf-8" />
  7. <title>JINTRANS</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  9. <meta content="" name="description" />
  10. <meta content="" name="author" />
  11. <!-- BEGIN PLUGIN CSS -->
  12. <link rel="shortcut icon" href="images/dh2.png" />
  13. <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
  14. <link href="assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen" />
  15. <link href="assets/plugins/bootstrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  16. <link href="assets/plugins/bootstrapv3/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
  17. <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
  18. <link href="assets/plugins/animate.min.css" rel="stylesheet" type="text/css" />
  19. <link href="assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css" />
  20. <!-- END PLUGIN CSS -->
  21. <!-- BEGIN CORE CSS FRAMEWORK -->
  22. <link href="webarch/css/webarch.css" rel="stylesheet" type="text/css" />
  23. <script src="assets/plugins/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
  24. <script src="js/jquery.md5.min.js" type="text/javascript"></script>
  25. <script type="text/javascript" charset="utf-8">
  26. $(document).ready(function($) {
  27. $('#login').click(function() {
  28. $('#password').val($.MD5($('#pass').val()));
  29. });
  30. });
  31. </script>
  32. <!-- END CORE CSS FRAMEWORK -->
  33. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  34. <link href="css/slider.css" rel="stylesheet" type="text/css" />
  35.  
  36. </head>
  37. <!--
  38.  <body class="lazy" style="background:url('img/bg2.jpg') right center;background-attachment:fixed" >-->
  39.  
  40. <body class="lazy" style="background:url('images/bgbg.png') right center #555;background-attachment:fixed">
  41.  
  42.  
  43. <div class="container" style="margin-top:-80px">
  44. <div class="row login-container animated fadeIn">
  45. <div class="col-md-12 col-md-offset-0 tiles white ">
  46.  
  47. <div class="p-t-20 p-l-0 p-r-0 p-b-40 xs-p-t-10 xs-p-l-10 xs-p-b-10">
  48. <div class="row">
  49. <div class="col-md-12">
  50. <div style="background:url('images/bg-header.png');padding:10px">
  51. <img src="images/txt-header.png" style="height:90%;max-width:100%" />
  52. </div>
  53. </div>
  54. </div>
  55. <br>
  56.  
  57. <div class="row">
  58. <div class="col-md-12">
  59. <a href="login.php" class="btn btn-primary big btn-big btn-fill pull-right">LOGIN</a>
  60. <div class="clearfix">
  61. </div>
  62. </div>
  63. </div>
  64. <hr>
  65. <div class="row" id="print">
  66. <div class="col-md-12">
  67.  
  68. <div class="wrapper">
  69. <input checked type=radio name="slider" id="slide1" style="display:none" />
  70. <input type=radio name="slider" id="slide2" style="display:none" />
  71. <input type=radio name="slider" id="slide3" style="display:none" />
  72. <input type=radio name="slider" id="slide4" style="display:none" />
  73. <input type=radio name="slider" id="slide5" style="display:none" />
  74.  
  75. <div class="slider-wrapper">
  76. <div class=inner>
  77.  
  78. <article>
  79.  
  80. <div class="row">
  81. <div class="col-md-3 col-sm-12 spacing-bottom">
  82. <div class="tiles red added-margin">
  83. <div class="tiles-body">
  84. <div class="controller">
  85. <a href="javascript:;" class="reload"></a>
  86. <a href="javascript:;" class="remove"></a>
  87. </div>
  88. <div class="tiles-title">PENGAJUAN SPIO</div>
  89. <div class="heading" style="margin:20px 0"><span class="animate-number" data-value="270" data-animation-duration="1200">0</span> </div>
  90. <div class="progress transparent progress-white progress-small no-radius">
  91. <div class="progress-bar progress-bar-white animate-progress-bar" data-percentage="45%"></div>
  92. </div>
  93. <div class="description">
  94.  
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="col-md-3 col-sm-12 spacing-bottom">
  100. <div class="tiles red added-margin">
  101. <div class="tiles-body">
  102. <div class="controller">
  103. <a href="javascript:;" class="reload"></a>
  104. <a href="javascript:;" class="remove"></a>
  105. </div>
  106. <div class="tiles-title">PENGAJUAN SPIT</div>
  107. <div class="heading" style="margin:20px 0"><span class="animate-number" data-value="124" data-animation-duration="1200">0</span> </div>
  108. <div class="progress transparent progress-white progress-small no-radius">
  109. <div class="progress-bar progress-bar-white animate-progress-bar" data-percentage="45%"></div>
  110. </div>
  111. <div class="description">
  112.  
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="col-md-3 col-sm-12 spacing-bottom">
  118. <div class="tiles red added-margin">
  119. <div class="tiles-body">
  120. <div class="controller">
  121. <a href="javascript:;" class="reload"></a>
  122. <a href="javascript:;" class="remove"></a>
  123. </div>
  124. <div class="tiles-title">JUMLAH ANGKUTAN KOTA</div>
  125. <div class="heading" style="margin:20px 0"><span class="animate-number" data-value="7" data-animation-duration="1200">0</span> </div>
  126. <div class="progress transparent progress-white progress-small no-radius">
  127. <div class="progress-bar progress-bar-white animate-progress-bar" data-percentage="45%"></div>
  128. </div>
  129. <div class="description">
  130.  
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="col-md-3 col-sm-12 spacing-bottom">
  136. <div class="tiles red added-margin">
  137. <div class="tiles-body">
  138. <div class="controller">
  139. <a href="javascript:;" class="reload"></a>
  140. <a href="javascript:;" class="remove"></a>
  141. </div>
  142. <div class="tiles-title">JUMLAH TAKSI</div>
  143. <div class="heading" style="margin:20px 0"><span class="animate-number" data-value="104" data-animation-duration="1200">0</span> </div>
  144. <div class="progress transparent progress-white progress-small no-radius">
  145. <div class="progress-bar progress-bar-white animate-progress-bar" data-percentage="45%"></div>
  146. </div>
  147. <div class="description">
  148.  
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="row">
  155. <div class="col-md-12 col-sm-12 spacing-bottom">
  156. <div id="container3" style="height: 500px"></div>
  157. </div>
  158. </div>
  159. </article>
  160.  
  161. <article>
  162. <div class="row">
  163. <div class="col-md-12 col-sm-12 spacing-bottom">
  164. <div id="container5" style="height: 500px"></div>
  165. </div>
  166. </div>
  167. </article>
  168.  
  169. <article>
  170. <div class="row">
  171. <div class="col-md-12 col-sm-12 spacing-bottom">
  172. <div id="container6" style="height: 500px"></div>
  173. </div>
  174. </div>
  175. </article>
  176.  
  177.  
  178. </div>
  179. <!-- .inner -->
  180. </div>
  181. <!-- .slider-wrapper -->
  182.  
  183. <div class="slider-prev-next-control">
  184. <label for=slide1></label>
  185. <label for=slide2></label>
  186. <label for=slide3></label>
  187. </div>
  188. <!-- .slider-prev-next-control -->
  189.  
  190. <div class="slider-dot-control">
  191. <label for=slide1></label>
  192. <label for=slide2></label>
  193. <label for=slide3></label>
  194. </div>
  195. <!-- .slider-dot-control -->
  196. </div>
  197.  
  198.  
  199.  
  200. </div>
  201. </div>
  202. <!--
  203. <div class="row">
  204.                <div class="col-md-12">
  205.  <div class="grid solid green">
  206. <div class="grid-title">
  207.  <h4>CEK PLAT NOMOR</h4>
  208. </div>
  209. <div class="grid-body">
  210. <div class="row" id="assesment">
  211. <div class="col-md-4">
  212.  <h4 style="color:#fff">Masukkan <span class="semi-bold">Nomor Kendaraan</span></h4>
  213.  <p><input type="text" name="plat"  id="plat" placeholder="Masukkan Nomor Kendaraan" /> <button class="btn btn-default" onClick="cekPlat()">CEK</button></p>
  214. </div>
  215. <div class="col-md-8">
  216.  <div id="result"></div>
  217. </div>
  218. </div>
  219. </div>
  220.  </div>
  221.  
  222.                </div>
  223. </div>
  224. <div class="row">
  225.                <div class="col-md-12">
  226.  <div class="grid solid green">
  227. <div class="grid-title">
  228.  <h4>CEK SK</h4>
  229. </div>
  230. <div class="grid-body">
  231. <div class="row" id="assesment">
  232. <div class="col-md-4">
  233.  <h4 style="color:#fff">Masukkan <span class="semi-bold">Nomor SK</span></h4>
  234.  <p><input type="text" name="no_sk"  id="no_sk" placeholder="Masukkan Nomor SK" /> <button class="btn btn-default" onClick="cekSK()">CEK</button></p>
  235. </div>
  236. <div class="col-md-8">
  237.  <div id="result2"></div>
  238. </div>
  239. </div>
  240. </div>
  241.  </div>
  242.  
  243.                </div>
  244. </div>
  245. -->
  246. <!--
  247. <div class="row">
  248.                <div class="col-md-12">
  249.  <div class="grid solid blue">
  250. <div class="grid-title">
  251.  <h4>LOGIN ADMINISTRATOR</h4>
  252. </div>
  253. <div class="grid-body">
  254. <div class="row" id="assesment">
  255. <div class="col-md-12">
  256.  <p>
  257. <form method=POST action='cek_login.php' id="lg-form" name="lg-form" enctype='multipart/form-data'>
  258.  <table>
  259. <tr>
  260. <td>
  261. <h4 style="color:#fff"><span class="semi-bold">Username</span></h4>
  262. <input type="text" name="uname"  id="username" placeholder="Username" />
  263. </td>
  264. <td>
  265. <h4 style="color:#fff"><span class="semi-bold">&nbsp; &nbsp; Password</span></h4>
  266. &nbsp; &nbsp; &nbsp; <input type="password" name="pass"  id="pass" placeholder="Password" />
  267. <input type="hidden" name="password"  id="password" placeholder="Password" /></td>
  268. <td><h4 style="color:#fff"><span class="semi-bold">&nbsp; &nbsp;</span></h4>&nbsp; &nbsp; &nbsp; <button class="btn btn-default" type="submit" id="login">LOGIN</button></td>
  269. </tr>
  270. </table>
  271. </form>
  272.  </p>
  273. </div>
  274. <div class="col-md-8">
  275.  <div id="result2"></div>
  276. </div>
  277. </div>
  278. </div>
  279.  </div>
  280.  
  281.                </div>
  282. </div>
  283. <div class="row">
  284.                <div class="col-md-12">
  285.  <div class="grid solid blue">
  286. <div class="grid-title">
  287.  <h4>LOGIN ADMINISTRATOR</h4>
  288. </div>
  289. <div class="grid-body">
  290. <div class="row" id="assesment">
  291. <div class="col-md-12">
  292.  <h4 style="color:#fff">Login <span class="semi-bold">Administrator</span></h4>
  293.  <p><input type="text" name="username"  id="username" placeholder="Username" /> <input type="password" name="password"  id="password" placeholder="Password" /> <button class="btn btn-default" onClick="cekPlat()">LOGIN</button></p>
  294. </div>
  295. </div>
  296. </div>
  297.  </div>
  298.  
  299.                </div>
  300. </div>
  301. -->
  302. </div>
  303. <div class="footer">
  304. <div class="row" style="background:#555;color:#fff;margin-bottom:-10px">
  305. <div class="col-md-12">
  306. <center>
  307. <h4 style="color:#fff">DINAS PERHUBUNGAN KOTA SURAKARTA</h4><br>
  308. </center>
  309. </div>
  310. </div>
  311. <div class="row" style="background:#555;color:#fff;padding:10px">
  312. <div class="col-md-6">
  313. Jl Menteri Supeno No. 7 Manahan Surakarta<br>
  314. Telepon/Fax (0271) 717 470
  315. </div>
  316. <div class="col-md-3">
  317. </div>
  318. <div class="col-md-3">
  319. <a href="http://surakarta.go.id/" style="color:#fff">Website Kota Surakarta</a><br>
  320. <a href="http://dishub.surakarta.go.id/" style="color:#fff">Website Dinas Perhubungan</a><br>
  321.  
  322. </div>
  323. </div>
  324. </div>
  325.  
  326. </div>
  327. </div>
  328.  
  329. <div>&nbsp;<br><br><br>&nbsp;</div>
  330. </div>
  331.  
  332. <script type="text/javascript">
  333. // function cekPlat() {
  334. // $(".table-data").remove();
  335. // $.ajax({
  336. // type: "POST",
  337. // url: './admin/cek.php',
  338. // data: {
  339. // plat: $("#plat").val()
  340. // },
  341. // success: function(data) {
  342. // var data = eval('(' + data + ')');
  343. // console.log(data.rows[0])
  344. // data = data.rows[0];
  345. // var option = $('<table class="table-data">\
  346. // <tr>\
  347. // <td colspan="3"><br><b>DATA KENDARAAN</b></td>\
  348. // </tr>\
  349. // <tr>\
  350. // <td style="width:150px">Nomor Kendaraan</td>\
  351. // <td style="width:10px">:</td>\
  352. // <td> ' + data.no_kendaraan + '</td>\
  353. // </tr>\
  354. // <tr>\
  355. // <td>Status</td>\
  356. // <td style="width:10px">:</td>\
  357. // <td> ' + data.status + '</td>\
  358. // </tr>\
  359. // <tr>\
  360. // <td>Nomor Mesin</td>\
  361. // <td>:</td>\
  362. // <td>' + data.no_mesin + '</td>\
  363. // </tr>\
  364. // <tr>\
  365. // <td>Nomor Rangka</td>\
  366. // <td>:</td>\
  367. // <td> ' + data.no_rangka + '</td>\
  368. // </tr>\
  369. // <tr>\
  370. // <td>Merk / Tipe</td>\
  371. // <td>:</td>\
  372. // <td> ' + data.merk + ' / ' + data.tipe + '</td>\
  373. // </tr>\
  374. // <tr>\
  375. // <td>Tahun</td>\
  376. // <td>:</td>\
  377. // <td> ' + data.th_pembuatan + '</td>\
  378. // </tr>\
  379. // <tr>\
  380. // <td colspan="3"><hr><b>DATA PEMILIK</b></td>\
  381. // </tr>\
  382. // <tr>\
  383. // <td>Pemilik</td>\
  384. // <td>:</td>\
  385. // <td> ' + data.nm_pemilik + '</td>\
  386. // </tr>\
  387. // <tr>\
  388. // <td>Badan Usaha</td>\
  389. // <td>:</td>\
  390. // <td> ' + data.nama_bu + '</td>\
  391. // </tr>\
  392. // <tr>\
  393. // <td colspan="3"><hr><b>DATA SK</b></td>\
  394. // </tr>\
  395. // <tr>\
  396. // <td>Nomor SK</td>\
  397. // <td>:</td>\
  398. // <td> ' + data.no_sk + '</td>\
  399. // </tr>\
  400. // <tr>\
  401. // <td>Status</td>\
  402. // <td>:</td>\
  403. // <td> ' + data.status_sk + '</td>\
  404. // </tr>\
  405. // <tr>\
  406. // <td colspan="3"><hr><b>DATA KARTU PENGAWASAN</b></td>\
  407. // </tr>\
  408. // <tr>\
  409. // <td>Nomor KP</td>\
  410. // <td>:</td>\
  411. // <td> ' + data.no_krt_pengawasan + '</td>\
  412. // </tr>\
  413. // <tr>\
  414. // <td>Berlaku Sampai</td>\
  415. // <td>:</td>\
  416. // <td> ' + data.berlaku_sampai + '</td>\
  417. // </tr>\
  418. // </table>\
  419. // ');
  420.  
  421. // $('#result').append(option);
  422. // }
  423. // });
  424. // }
  425.  
  426. // function cekSK() {
  427. // $(".table-data2").remove();
  428. // $.ajax({
  429. // type: "POST",
  430. // url: './admin/cek_sk.php',
  431. // data: {
  432. // no_sk: $("#no_sk").val()
  433. // },
  434. // success: function(data) {
  435. // var data = eval('(' + data + ')');
  436. // console.log(data.rows[0])
  437. // data = data.rows[0];
  438. // var option = $('<table class="table-data2" cellpadding="4">\
  439. // <tr>\
  440. // <td colspan="3"><br><b>DATA SK</b></td>\
  441. // </tr>\
  442. // <tr>\
  443. // <td style="width:150px">Nomor SK</td>\
  444. // <td style="width:10px">:</td>\
  445. // <td> ' + data.no_sk + '</td>\
  446. // </tr>\
  447. // <tr>\
  448. // <td>Ditetapkan</td>\
  449. // <td style="width:10px">:</td>\
  450. // <td> ' + data.txt_penetapan + '</td>\
  451. // </tr>\
  452. // <tr>\
  453. // <td>Berlaku Mulai</td>\
  454. // <td style="width:10px">:</td>\
  455. // <td> ' + data.txt_mulai + '</td>\
  456. // </tr>\
  457. // <tr>\
  458. // <td>Berlaku Sampai</td>\
  459. // <td style="width:10px">:</td>\
  460. // <td> ' + data.txt_sampai + '</td>\
  461. // </tr>\
  462. // <tr>\
  463. // <td>Perihal</td>\
  464. // <td style="width:10px">:</td>\
  465. // <td> ' + data.txt_perihal + '</td>\
  466. // </tr>\
  467. // <tr>\
  468. // <td>Badan Usaha</td>\
  469. // <td style="width:10px">:</td>\
  470. // <td> ' + data.nama_bu + '</td>\
  471. // </tr>\
  472. // </table>\
  473. // ');
  474.  
  475. // $('#result2').append(option);
  476. // }
  477. // });
  478. // }
  479. </script>
  480. <!-- END CONTAINER -->
  481. <script src="assets/plugins/pace/pace.min.js" type="text/javascript"></script>
  482. <!-- BEGIN JS DEPENDECENCIES-->
  483. <script src="assets/plugins/bootstrapv3/js/bootstrap.min.js" type="text/javascript"></script>
  484. <script src="assets/plugins/jquery-block-ui/jqueryblockui.min.js" type="text/javascript"></script>
  485. <script src="assets/plugins/jquery-unveil/jquery.unveil.min.js" type="text/javascript"></script>
  486. <script src="assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js" type="text/javascript"></script>
  487. <script src="assets/plugins/jquery-numberAnimate/jquery.animateNumbers.js" type="text/javascript"></script>
  488. <script src="assets/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
  489. <script src="assets/plugins/bootstrap-select2/select2.min.js" type="text/javascript"></script>
  490. <!-- END CORE JS DEPENDECENCIES-->
  491. <!-- BEGIN CORE TEMPLATE JS -->
  492. <script src="webarch/js/webarch.js" type="text/javascript"></script>
  493. <script src="config/hc/js/highcharts.js"></script>
  494. <script src="config/hc/js/highcharts-3d.js"></script>
  495. <script src="config/hc/js/modules/exporting.js"></script>
  496. <!-- END CORE TEMPLATE JS -->
  497. <script type="text/javascript" charset="utf-8">
  498.  
  499. </script>
  500.  
  501. <script type="text/javascript">
  502. $(function() {
  503. $('#container2').highcharts({
  504. chart: {
  505. type: 'pie',
  506. options3d: {
  507. enabled: true,
  508. alpha: 45,
  509. beta: 0
  510. }
  511. },
  512. title: {
  513. text: 'Grafik Pengajuan SPIO & SPIT'
  514. },
  515. tooltip: {
  516. pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
  517. },
  518. plotOptions: {
  519. pie: {
  520. allowPointSelect: true,
  521. cursor: 'pointer',
  522. depth: 50,
  523. dataLabels: {
  524. enabled: true,
  525. format: '{point.name}'
  526. }
  527. }
  528. },
  529. series: [{
  530. type: 'pie',
  531. name: 'Persentase',
  532. data: [
  533. ['SPIO', 270],
  534. ['SPIT', 124]
  535. ]
  536. }]
  537. });
  538. });
  539. </script>
  540. <script type="text/javascript">
  541. $(function() {
  542. $('#container3').highcharts({
  543. chart: {
  544. type: 'bar'
  545. },
  546. title: {
  547. text: 'Jumlah Kendaraan Aktif Per Badan Usaha/ Koperasi'
  548. },
  549. subtitle: {
  550. text: ''
  551. },
  552. xAxis: {
  553. categories: ["PT. PRATAMA ATMO SEJAHTERA","PT. NUSA PURWONTANI SAPUTRO","PT MAHKOTA RATU TAKSI","PT. SEKAR GELORA TAKSI","PT. SURYA KENCANA SOLO","KOPERASI KOSTI SOLO","PT. SOLO CENTRAL TAKSI","KOPERASI BERSAMA SATU TUJUAN","KOPERASI NEW BENGAWAN SAKTI","KOPERASI TRANS RODA SEJATI","KOPERASI BENGAWAN SURAKARTA","PT SURYA KENCANA SOLO","PT. SAKURA SARI TAKSI","PT. SRI KRESNO AGUNG JAYA","PT. TRANSPORTASI GLOBAL MANDIRI","PT. Mang Jajang Tes","PT. REJEKI LANCAR BERSAMA","PT. ROSALIA INDAH TRANSPORT"],
  554. title: {
  555. text: null
  556. }
  557. },
  558. yAxis: {
  559. min: 0,
  560. title: {
  561. text: 'Unit',
  562. align: 'high'
  563. },
  564. labels: {
  565. overflow: 'justify'
  566. }
  567. },
  568. tooltip: {
  569. valueSuffix: ' Unit'
  570. },
  571. plotOptions: {
  572. bar: {
  573. dataLabels: {
  574. enabled: true
  575. }
  576. }
  577. },
  578. legend: {
  579. layout: 'vertical',
  580. align: 'right',
  581. verticalAlign: 'top',
  582. x: -40,
  583. y: 80,
  584. floating: true,
  585. borderWidth: 1,
  586. backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
  587. shadow: true
  588. },
  589. credits: {
  590. enabled: false
  591. },
  592. series: [{
  593. name: 'Unit',
  594. data: [0,0,0,7,0,97,0,0,0,0,0,0,0,0,7,0,0,0] }]
  595. });
  596. });
  597. </script>
  598. <script type="text/javascript">
  599. $(function() {
  600. $('#container5').highcharts({
  601. chart: {
  602. type: 'bar'
  603. },
  604. title: {
  605. text: 'Jumlah Kendaraan Non-Aktif Per Badan Usaha/ Koperasi'
  606. },
  607. subtitle: {
  608. text: ''
  609. },
  610. xAxis: {
  611. categories: ["PT. PRATAMA ATMO SEJAHTERA","PT. NUSA PURWONTANI SAPUTRO","PT MAHKOTA RATU TAKSI","PT. SEKAR GELORA TAKSI","PT. SURYA KENCANA SOLO","KOPERASI KOSTI SOLO","PT. SOLO CENTRAL TAKSI","KOPERASI BERSAMA SATU TUJUAN","KOPERASI NEW BENGAWAN SAKTI","KOPERASI TRANS RODA SEJATI","KOPERASI BENGAWAN SURAKARTA","PT SURYA KENCANA SOLO","PT. SAKURA SARI TAKSI","PT. SRI KRESNO AGUNG JAYA","PT. TRANSPORTASI GLOBAL MANDIRI","PT. Mang Jajang Tes","PT. REJEKI LANCAR BERSAMA","PT. ROSALIA INDAH TRANSPORT"],
  612. title: {
  613. text: null
  614. }
  615. },
  616. yAxis: {
  617. min: 0,
  618. title: {
  619. text: 'Unit',
  620. align: 'high'
  621. },
  622. labels: {
  623. overflow: 'justify'
  624. }
  625. },
  626. tooltip: {
  627. valueSuffix: ' Unit'
  628. },
  629. plotOptions: {
  630. bar: {
  631. dataLabels: {
  632. enabled: true
  633. }
  634. }
  635. },
  636. legend: {
  637. layout: 'vertical',
  638. align: 'right',
  639. verticalAlign: 'top',
  640. x: -40,
  641. y: 80,
  642. floating: true,
  643. borderWidth: 1,
  644. backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
  645. shadow: true
  646. },
  647. credits: {
  648. enabled: false
  649. },
  650. series: [{
  651. name: 'Unit',
  652. data: [7,9,121,217,16,205,1,43,50,101,17,13,0,15,86,2,0,0] }]
  653. });
  654. });
  655. </script>
  656.  
  657. <script type="text/javascript">
  658. $(function() {
  659. $('#container6').highcharts({
  660. chart: {
  661. type: 'bar'
  662. },
  663. title: {
  664. text: 'Jumlah Kendaraan Non-Aktif Bulan Depan Per Badan Usaha/ Koperasi'
  665. },
  666. subtitle: {
  667. text: ''
  668. },
  669. xAxis: {
  670. categories: ["PT. PRATAMA ATMO SEJAHTERA","PT. NUSA PURWONTANI SAPUTRO","PT MAHKOTA RATU TAKSI","PT. SEKAR GELORA TAKSI","PT. SURYA KENCANA SOLO","KOPERASI KOSTI SOLO","PT. SOLO CENTRAL TAKSI","KOPERASI BERSAMA SATU TUJUAN","KOPERASI NEW BENGAWAN SAKTI","KOPERASI TRANS RODA SEJATI","KOPERASI BENGAWAN SURAKARTA","PT SURYA KENCANA SOLO","PT. SAKURA SARI TAKSI","PT. SRI KRESNO AGUNG JAYA","PT. TRANSPORTASI GLOBAL MANDIRI","PT. Mang Jajang Tes","PT. REJEKI LANCAR BERSAMA","PT. ROSALIA INDAH TRANSPORT"],
  671. title: {
  672. text: null
  673. }
  674. },
  675. yAxis: {
  676. min: 0,
  677. title: {
  678. text: 'Unit',
  679. align: 'high'
  680. },
  681. labels: {
  682. overflow: 'justify'
  683. }
  684. },
  685. tooltip: {
  686. valueSuffix: ' Unit'
  687. },
  688. plotOptions: {
  689. bar: {
  690. dataLabels: {
  691. enabled: true
  692. }
  693. }
  694. },
  695. legend: {
  696. layout: 'vertical',
  697. align: 'right',
  698. verticalAlign: 'top',
  699. x: -40,
  700. y: 80,
  701. floating: true,
  702. borderWidth: 1,
  703. backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
  704. shadow: true
  705. },
  706. credits: {
  707. enabled: false
  708. },
  709. series: [{
  710. name: 'Unit',
  711. data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] }]
  712. });
  713. });
  714. </script>
  715.  
  716. <script type="text/javascript">
  717. $(function() {
  718. $('#container4').highcharts({
  719. chart: {
  720. type: 'pie',
  721. options3d: {
  722. enabled: true,
  723. alpha: 45,
  724. beta: 0
  725. }
  726. },
  727. title: {
  728. text: 'Grafik Jumlah Angkutan Umum & Taksi'
  729. },
  730. tooltip: {
  731. pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
  732. },
  733. plotOptions: {
  734. pie: {
  735. allowPointSelect: true,
  736. cursor: 'pointer',
  737. depth: 50,
  738. dataLabels: {
  739. enabled: true,
  740. format: '{point.name}'
  741. }
  742. }
  743. },
  744. series: [{
  745. type: 'pie',
  746. name: 'Persentase',
  747. data: [
  748. ['Taksi', 104],
  749. ['Angkutan Umum', 7]
  750. ]
  751. }]
  752. });
  753. });
  754. </script>
  755. </body>
  756.  
  757. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda