在highcharts上更改y轴

时间:2013-07-30 10:01:02

标签: javascript asp.net highcharts

我的数据来自后面代码上的数据表。我正在重新绘制图表以显示新数据,但是在重绘数据时是否可以更改y轴?

代码:

 function draw(d) {
          var testarray = JSON.parse(a);
           var testarray1 = JSON.parse(a1);
           var testarray2 = JSON.parse(a2);


           if (d == 1)

            {
                var c = testarray


          }

          else if (d == 2)
          {
              var c = testarray1
              }


              else if (d == 3)
           {
               var d = testarray

           }
           else if (d == 4)
           {
               var d = testarray1

           }

           else if (d == 5) {
               var d = testarray1

           }


           else if (d == 6) {
               var d = testarray1

           }


       $(function() {

           $('#container1').highcharts({
               chart: {

                   type: 'column'
               },

               credits: {
                   enabled: false
               },
               title: {
                   text: 'Consumption by months'
               },
               xAxis: {
                   categories: array3
               },
               yAxis: {
                   title: {
                       text: 'kWh'
                   }
               },
               tooltip: {
                   valueDecimals: 2
               },

               plotOptions: {
                   type: 'column'
               },

               series: [{

               name: '2011-2012',
               type: 'column',
               color: '#0000FF',
               data: testarray
               },

       {
           name: '2012-2013',
           type: 'column',
           color: '#92D050',
           data: testarray1


   }]
           });
       });


          }

所以我需要的是在调用该数据时在testarray上的y轴上显示的内容。在这种情况下c和d。

代码背后的

      Case 1
            For Each row In Year1
                testarray.Add(row("data"))
            Next row

            For Each row In Year2
                testarray1.Add(row("data"))

            Next row

            For Each row In Year3
                testarray2.Add(row("data"))

            Next row


            Dim serializer1 As New JavaScriptSerializer()

            Dim arrayJsonTest1 As String = serializer1.Serialize(testarray)
            Dim arrayJson11 As String = serializer1.Serialize(testarray1)
            Dim arrayJson12 As String = serializer1.Serialize(testarray2)

            hidden.Value = arrayJsonTest1
            hidden1.Value = arrayJson11
            hidden2.Value = arrayJson12


            ScriptManager.RegisterStartupScript(Me.Page, Me.GetType, "draw",                  "javascript:draw(1);", True)

2 个答案:

答案 0 :(得分:1)

您可以使用update()功能并修改yAxis参数。

答案 1 :(得分:1)

从代码反手代码传递数组并将其替换为testarray和testarray1 ..因此,每当您更新数据库并刷新页面时,它都会从数据库中获取更新记录并重新绘制更新的图形。

如果这个答案适合你的问题,那么评论,我将为你提供你需要替换的数据数组样本。