title: Custom field name in ECharts
body: <p>I designed a console app. User can create report widgets (also selecting graph type, line, pie, etc...) and link to rest api functions. Then system binds rest api data (i don't know the data fields, user typing names in the screen) with report widgets and also related graphs.</p>
  
  <p>I'm using D3.js for live dashboard (contains report widgets). But D3.js is not good choise for dynamic reports and dynamic ajax data. Because D3.js implemantation differs from chart to chart, it is not developer friendly like highcharts, echarts.</p>
  
  <p>But highcharts, echarts and other charts' field name is not configurable. In <a href="http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart" rel="nofollow noreferrer">Kendo</a> it can be done like this:</p>
  
  <pre><code>series: [
      { field: "price" }
    ]
  </code></pre>
  
  <p>Is there any way to do this in HighCharts or eCharts.
  Or
  Can you suggest any other chart libraries (prefer free/open source)?</p>
  
  <p>UPDATE:
  I'm not using eCharts any more. C3.js is more stable and easy to use. C3.js has same problem, but now i prepare custom data array and it is working.</p>
  
  <pre><code>chart.graph.load({
     columns: [
         GetTextData(serieData, "x"),
         SerializeDataWithSerieName("blabla", serieData)
     ]
  });
  ....
  function GetTextData(data, textToInsertStart) {
       var result = [];
       if (textToInsertStart)
           result.push(textToInsertStart);
  
       for (var i = 0; i &lt; data.length; i++) {
          result.push(data[i][MyTextFieldName]);
       }
       return result;
  }
  ....
  function SerializeDataWithSerieName(serieName, data) {
       var result = [];
       result.push(serieName);
       for (var i = 0; i &lt; data.length; i++) {
          result.push(data[i][MyDataFieldName]);
       }
       return result;
   }
  </code></pre>