title: Highcharts when giving Json value it is not rendering
body: <p>I'm using <code>highcharts</code> to create charts in <code>asp.net webforms</code>. I make an ajax call to a web service which in return gives me a json result which only includes the title name. </p>
  
  <p>If I send this value hard coded to the charts method it works perfectly but when I put json data instead of a hard coded title the chart does not render.</p>
  
  <pre><code>$.ajax({
      type: "POST",
      url: "OssmWebService.asmx/FillChart",
      contentType: "application/json; charset=utf-8",
      data: JSON.stringify(mWhereParam),
      dataType: "json",
      success: function (data1) {
    var a = data1.d[0];    
      Highcharts.chart('container1', {
  
          title: a.titlename,
  
          subtitle: {
              text: 'Source: thesolarfoundation.com'
          },
  
          yAxis: {
              title: {
                  text: 'Number of Employees'
              }
          },
          legend: {
              layout: 'vertical',
              align: 'right',
              verticalAlign: 'middle'
          },
  
          plotOptions: {
              series: {
                  pointStart: 2010
              }
          },
  
          series: [{
              name: 'Installation',
              data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
          }, {
              name: 'Manufacturing',
              data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
          }, {
              name: 'Sales &amp; Distribution',
              data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
          }, {
              name: 'Project Development',
              data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]
          }, {
              name: 'Other',
              data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
          }]
  
      });
  </code></pre>
  
  <p>Data which is coming in success of ajax:</p>
  
  <pre><code>"{ text: 'Basic Requirement' }"
  </code></pre>
  
  <p>If I put this data and hard coded in the title property it work fines but if I give this data directly to property like I did in the above code </p>
  
  <pre><code>a = data1.d[0];
  title: a.titlename; 
  </code></pre>
  
  <p>My C# code </p>
  
  <pre><code>[WebMethod]
  public List&lt;sampleDatalist&gt; FillChart(string arrSelectedValues)
  {
      List&lt;sampleDatalist&gt; sample = new List&lt;sampleDatalist&gt;();
      sample.Add(new sampleDatalist { titlename = "{ text: 'Basic Requirement' }" });
      return sample;
  }
  
  public class sampleDatalist
  {
      public string titlename;
  }
  </code></pre>
  
  <p>It's showing like this if I give json data
  <a href="https://i.stack.imgur.com/QmBuM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QmBuM.png" alt="Chart with errors in console"></a></p>
  
  <p>Update : 
  As bob suggested to convert my properties to object therefore </p>
  
  <p>My C# will be </p>
  
  <pre><code>  [WebMethod]
      [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
      public List&lt;sampleDatalist&gt; FillChart(string arrSelectedValues)
      {
          Object a = " { text: 'Basic Requirement' }";
  
          List&lt;sampleDatalist&gt; smList = new List&lt;sampleDatalist&gt;();
          smList.Add(new sampleDatalist { titlename = a });
  
          return smList;
  
  
  
      }
  
  public class sampleDatalist
  {
      public Object titlename;
  
  }
  </code></pre>
  
  <p>Problem still remain same.</p>