使用動態標籤Morris條形圖

Question

我正在使用Morris條形圖來顯示產品銷售情況。我想要有動態標籤（懸停時）。我通過PHP獲取數據。

array('product' => $row['productid'], 'sales'=> $row['freq'], 'name' => $product_name); 

和我的jQuery代碼是在這裏：

$.getJSON('getdata.php?command=product_sales', function(data) 
    { 
    //var product_name = data.name; 
     Morris.Bar({ 
      element: 'morris-product-sales-chart', 
      data: data, 
      xkey: ['product'], 
      ykeys: ['sales'], 
      labels: ['Product Name'], 
      hideHover: 'auto', 
      resize: true 

     }); 
    }); 

如果您發現，標籤硬編碼爲「產品名稱」，不過，我想它是動態的（「name」屬性PHP）。任何想法如何完成？

感謝

Answer 1

我不知道如果我理解正確（來到這裏尋找別的東西），但這應該工作：

labels: [<?=$name?>] 

我用我的同類那裏我拉東西來自數據庫的表數據（包括產品名稱列表）。

Answer 2

Absoluteley！讓我們假設你有具有可變莫里斯對象

var achart = Morris..Bar({ 
     element: 'morris-product-sales-chart', 
     data: data, 
     xkey: ['product'], 
     ykeys: ['sales'], 
     labels: ['Product Name'], 
     hideHover: 'auto', 
     resize: true 

    }); 
}); 

你可以將標籤設置爲achart.options.labels =，然後做重繪渲染更新。