Pie chart garbled after upgrading to newest version

2 posts, 0 answers
  1. Eric
    Eric avatar
    3 posts
    Member since:
    Aug 2012

    Posted 24 Oct 2012 Link to this post

    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}%"
              }
          });
      }

  2. Eric
    Eric avatar
    3 posts
    Member since:
    Aug 2012

    Posted 25 Oct 2012 Link to this post

    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!
Back to Top