JQuery UI: yatay bir çubuk grafiği yapmak için progressbar nasıl kullanılır?

0 Cevap php

Ben geleneksel olmayan bir amaç için ilerleme çubuğunu kullanmaya çalışıyorum. Ben bir veritabanından alınan iki değerler yatay bir çubuk grafiğini görüntülemek için işlevselliği kullanmak istiyorum.

Benim PHP / MySQL / JQuery:

// retrieve results for display
$query = mysql_query(" SELECT furniture_purchases, electronics_purchases FROM sales WHERE store_id = $storeId ");
$sales = mysql_fetch_array($query);
$furniture = $ratings[0];
$electronics = $ratings[1];

echo ("<script type='text/javascript'>
            // display sales results
            $(document).ready(function() {
                $('div.furnitureBar').progressbar({ value: $furniture });
                $('div.electronicsBar').progressbar({ value: $electronics });
            });
        </script>");

Benim HTML:

<div class='furnitureBar'></div>
<div class='electronicsBar'></div>

Şimdi sorun, 101 mobilya ürün satıldı ise 100 JQuery progressbar belgelerine göre maksimum değeri olduğundan, mobilya için ilerleme çubuğu tüm boşluğu doldurmak söylüyorlar: http://jqueryui.com/demos/progressbar/

Satış maksimum numarası mümkündür Bunun yerine iki değerleri birbirine kıyasla dinamik olarak oluşturmak istiyoruz, bu nedenle 101 mobilyalar satıldı ve 90 elektronik ürün satıldı, daha sonra her iki çubuklar yerine 100 gibi görünüşteki ortasında olmalı . Aslında satışların maksimum sayısına sınır yoktur.

Ben mantıklı umuyoruz.

0 Cevap