用輸入框創建一個徑向量表

我剛開始學習編程。我正在嘗試創建一個徑向量表，並在其中輸入框固定，以便框中顯示的值將反映在量表中。用輸入框創建一個徑向量表

該儀表是車輛價值的視覺幫助。該輸入框是輸入值的位置。如果可能的話，我希望能夠爲最小和最大兩個輸入框。我正在使用http://justgage.com/。當價值已經預先確定，但它不是我想要的。我查看了一些Wijmo代碼，試圖合併這兩個代碼但沒有成功。我提供的代碼是我目前正在處理的內容。對任何愚蠢的代碼行表示歉意，我熱切地期待回覆。

謝謝

<!doctype html> 
<html> 
<head> 

    <meta charset="utf-8"> 

    <script src="resources/js/raphael.2.1.0.min.js"></script> 
    <script src="resources/js/justgage.1.0.1.min.js"></script> 

    <!-- jQuery --> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

    <!-- Wijmo CSS and script --> 
    <script type="text/javascript" src="http://cdn.wijmo.com/jquery.wijmo-open.all.2.1.0.min.js"></script> 
    <script type="text/javascript" src="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.1.0.min.js"></script> 

    <!-- KnockoutJS for MVVM--> 
    <script type="text/javascript" src="http://cdn.wijmo.com/external/knockout-2.0.0.js"></script> 
    <script type="text/javascript" src="http://cdn.wijmo.com/external/knockout.wijmo.js"></script> 


<div class="200x160px" id="gauge"></div> 



    <script type="text/javascript"> 
    <!-- var viewModel = function() {--> 
      var g = new JustGage({ 
      id: "gauge", 
      value: "tip", 
      min: 0, 
      max: 300, 
      title: "Test" 
      }); 
     <!-- Bind ViewModel--> 
     $(document).ready(function() { 
      var vm = new viewModel(); 
      ko.applyBindings(vm); 
     }); 
</script> 
</head> 


<body> 
    <script type="text/javascript"> 
    var xx = tip; 

    </script> 

    <div class="container"> 
     <h2> 
      Textbox</h2> 
     <input data-bind="value: val" style="width: 200px;" id="xx"/> <span data-bind="text: val"></span> 
     <div> 

</body> 

<html>

來源

2014-07-17 shah

你可以參考下面的示例實現您的方案，即在框中顯示的值將在計反映： http://wijmo.com/demo/explore/?widget=Knockout&sample=Overview

來源

2014-07-18 05:52:33 Ashish

謝謝您的回覆阿希什。我遇到過這個樣本。我需要justgage界面。如果您使用我提供的代碼或訪問他們的網站，只要與庫的連接存在，就應該能夠看到此代碼。我提到我正在使用wijmo將它的輸入框與justgage UI合併。但由於我的理解我不能這樣做。所以爲了澄清我想用輸入框來改變價值。對不起，如果我在我的問題複雜的東西。我只是覺得我應該提到我所做的一切。 – shah

我知道wijmo已經在工作，但那不是我想要的。 – shah

首先，我沒有看到與給定代碼中的任何wijmo小部件相關的任何代碼行，因此我不確定您在使用wijmo時面臨的具體問題。如果你能創建一個展示問題的jsfiddle會更好。另外，你使用的是Wijmo的老版本。你可以從這個鏈接獲得最新版本：http://wijmo.com/downloads/ – Ashish

用輸入框創建一個徑向量表

回答

相關問題