如何在饼图中添加图例

我使用php codeigniter，并使用javascript创建饼图。并使用json编码传递数据库数据。我的问题是我如何使用传奇。为饼图和标题。如何在饼图中添加图例

的JavaScript

 var pieData = [ 
      { 
       value: sales_data[i].ans, 
       color:"#FF0000" 

      }, 
      { 
       value : sales_data[i].noans, 
       color : "#006400" 
      }, 
      { 
       value : sales_data[i].reans, 
       color : "#191970" 
      } 
      , 
      { 
       value : sales_data[i].noreans, 
       color : "#FFEA88" 
      } 
     ]; 
     // get pie chart canvas 
     var countries=document.getElementById("countries").getContext("2d");     
     // draw pie chart 
     new Chart(countries).Pie(pieData, pieOptions); 

        } 
     } 
     });

来源

2015-04-29 amaya

给这个一杆 -

legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% 
for (var i=0; i<segments.length; i++){%><li><span style=\"background-color: 
<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%> 
<%=segments[i].label%><%}%></li><%}%></ul>"

包括作为您pieOptions的一部分。

来源

2015-04-29 05:05:50 Pratik

有关如何使用chart.js的更多详细信息，请参阅chart.js的此文档。对于传说来说，dosent似乎是一种简单的方式，但您可以选择将标签贴在您的饼图中的每个细分区域，这将作为您的传奇。

var myPieChart = new Chart(ctx[0]).Pie(data,options); 
var data = [ 
{ 
    value: 300, 
    color:"#F7464A", 
    highlight: "#FF5A5E", 
    label: "Red", 
    labelColor : 'white', 
}, 
{ 
    value: 50, 
    color: "#46BFBD", 
    highlight: "#5AD3D1", 
    label: "Green", 
    labelColor : 'white', 
}, 
{ 
    value: 100, 
    color: "#FDB45C", 
    highlight: "#FFC870", 
    label: "Yellow", 
    labelColor : 'white', 
} 
    ]

在这个标签作为您的地图图例，它看起来像的例子小提琴piechart using chart.js

来源

2015-04-29 05:09:14

@amaya高兴你得到的JSON编码工作。 :) –

@amaya如果你找到合适的答案，请upvote或接受答案，以便其他人也可以从你的问题benifite –

如何在饼图中添加图例

回答

相关问题