【问题标题】:Highcharts different data same chartHighcharts 不同数据同一张图
【发布时间】:2018-05-01 11:37:08
【问题描述】:

我想知道如何将比较数据添加到同一张图表中,我有当前的连接代码,还有下面的 HTML,我想比较同一张图表上的 Rainfall 和 Sunlight Data,它们都来自同一张表。我需要创建另一个 get set 吗?......................

public string chartData
{
    get;
    set;
}
 public void renderChart()  
{  
   DataTable dt = GetData(); 
   data as datatable   
   List<int> _data = new List<int>();   
   foreach (DataRow row in dt.Rows)   
   {   
        _data.Add((int)row["Rainfall"]);

   }  
   JavaScriptSerializer jss = new JavaScriptSerializer();   
  chartData = jss.Serialize(_data);
}



public DataTable GetData()
{
  string connectionString = ConfigurationManager.ConnectionStrings["HighChartsConnectionString"].ConnectionString;
  DataTable dt = new DataTable();

  using (SqlConnection connection = new SqlConnection("SQLServerConnection"))
  {
    using (SqlCommand command = new SqlCommand("Select Rainfall,Sunlight from SalesData", connection))
    {
      connection.Open();
      using (SqlDataReader dr = command.ExecuteReader())
      {
        if (dr.HasRows)
        {
          dt.Load(dr);
        }
      }
    }
  }

  return dt;
}

$(function () {  
  $('#container').highcharts({  
    chart: {  
        type: 'column'  
    },  
    title: {  
      text: 'RainFall'  
    },  
    subtitle: {  
      text: ' '  
    },  
    xAxis: {  
      categories: [  
       'Amazon',
       'Sudan',
       'Europe' 
      ]  
    },  
    yAxis: {  
      min: 0,  
      title: {  
        text: 'Rainfall in inches'  
      }  
    },  
    tooltip: {  
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',  
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +  
        '<td style="padding:0"><b>{point.y:.0f}</b></td></tr>',  
      footerFormat: '</table>',  
      shared: true,  
      useHTML: true  
    },  
    plotOptions: {  
      column: {  
        pointPadding: 0.2,  
        borderWidth: 0  
      }  
    },  
    series: [{
        name: 'RainFall',
        data: <%= chartData%>,
    }]





  });  
});  

【问题讨论】:

  • 这段代码在我看来不像 java ... :(

标签: javascript java charts highcharts


【解决方案1】:

听起来你需要add another data set to series

【讨论】:

    猜你喜欢
    • 2020-04-10
    • 2019-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-27
    • 1970-01-01
    相关资源
    最近更新 更多