jquery - jqueryノブを使用して単一のダイヤルで複数の円弧を描く方法は?

Question

jquery ノブを使用して、単一のダイヤルに複数のアークを配置したいと思います。出来ますか？下の画像を参照してください。

これまでに試したコード。

$(".dial").knob({
                'readOnly': true,
                'displayPrevious': true,
                change : function (value) {
                    //console.log("change : " + value);
                },
                release : function (value) {
                    console.log("release : " + value);

                    //need to out some logic here
                },
                cancel : function () {
                    console.log("cancel : " + this.value);
                },
                draw : function () {
                    $(this.i).val(this.cv + '%');
                }
            });

            $('.dial').val(10).trigger('change');

私は他のjqueryライブラリまたはソリューションも使用することができます。