Hi all,
I have a pie chart and am using ajax to return the data as a json object. This all works fine and the pie chart displays correctly and the tooltips display correctly showing the label, however the legend text does not appear to bind to the labelMemberPath and simply displays the text within the option 'labelMemberPath' text e.g. 'ProductGroup'.
Any ideas on how to fix this?
$(this).igPieChart({ height: "300px", width: "300px", valueMemberPath: 'Sales', labelMemberPath: 'ProductGroup', legend: { element: legend, type: "item" }, explodedSlices: '0 1', radiusFactor: .8, labelsPosition : 'none', showTooltip: true, tooltipTemplate: "<div class='tooltip'>${item.ProductGroup}</div><div>Sales: ${item.Sales}</div>", })
$.getJSON(server_url + 'data/GetKPIData/' + $(this).data('guid'), function (data) { var elemId = "[data-guid='" + data.Guid + "']"; $(elemId).igPieChart("option", "dataSource", data.Data); });
Hello barney,
I am just following up to see if you need any assistance with this matter.
In order to look in to this behavior please provide me with the Ignite UI version you are using along with the returned JSON data so I may look in to this.