This is a migrated thread and some comments may be shown as answers.

Pie chart garbled after upgrading to newest version

1 Answer 81 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Eric
Top achievements
Rank 1
Eric asked on 24 Oct 2012, 08:29 PM
We had a pie chart well formatted in our app - it was using kendo.all.min.js 2012.1.322 and the included jquery.min.js

When we upgraded to kendo.all.min.js 2012.2.913 the pie chart looked very different and unreadable from a style standpoint.  The javascript code did not change at all nor did the input data.

I've included before/after screen shots and the code - any ideas?

App.globalVar.generateChart = function (container, bcLevels, inputFilter, inURL) {
      $(container).kendoChart({
          dataSource: {
              transport: {
                  read: {
                      url: App.constants.ROOTURL + inURL,
                      type: "post",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json"
                  },
                  sort: {
                      field: "bondType",
                      dir: "asc"
                  },
                  parameterMap: function (options) {
                      options.filter = inputFilter;
                      options.holdingBC = bcLevels;
                      return JSON.stringify(options);
                  }
              },  // end transport
              schema: { data: "data", errors: "processErrorList" }
          }, //end datasource
          legend: {
              position: "right",
              margin: 1,
              offsetX: -5,
              labels: {
                  template: "#= text # (#= value #%)"
              }
          },
          chartArea: {
              background: "white",
              width: 325,
              height: 130,
              margin: 1
          },
          seriesDefaults: {
              type: "pie"
          },
          plotArea: { margin: 1 },
          series: [{
              field: "tmvAccrued",
              categoryField: "bondType",
              colorField: "color",
              padding: 12,
              overlay: {
                  gradient: "none"
              }
          }],
          tooltip: {
              visible: false,
              format: "{0}%"
          }
      });
  }

1 Answer, 1 is accepted

Sort by
0
Eric
Top achievements
Rank 1
answered on 25 Oct 2012, 03:41 PM
This appears to be fixed now...we removed the legend code and it looks normal now.  Not sure why the legend code was not triggering same modification in earlier version.

Thanks!
Tags
Charts
Asked by
Eric
Top achievements
Rank 1
Answers by
Eric
Top achievements
Rank 1
Share this question
or