如何在Windows Phone 8.1應用程序中將動態數據綁定到圖表

Question

我正在開發Windows Phone 8.1應用程序。 我需要在此應用程序中將數據庫中的數據綁定到highcharts。 快速幫助將非常有幫助。

提前致謝。 維康特

Answer 1

您可以使用JSON對象在Highcharts中填充數據，但是對我而言一直有效的一種方法是在代碼后面創建帶有數據源的highchart js，然后將其寫入頁面。 我沒有樣品，但過去對我有用。

Answer 2

將文字放在HTML頁面的HEAD部分中。

並且在您的代碼隱藏中（抱歉，這在VB中）

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    Dim stringBuilder = New StringBuilder()



    stringBuilder.Append("$(function () {")

    stringBuilder.Append("$('#container').highcharts({")

    stringBuilder.Append("title: {")

    stringBuilder.Append("text:   'Monthly Average Temperature',")

    stringBuilder.Append("x: -20 //center")

    stringBuilder.Append("},")

    stringBuilder.Append("subtitle: {")

    stringBuilder.Append("text:   'Source: WorldClimate.com',")

    stringBuilder.Append("x: -20")

    stringBuilder.Append(" },")

    stringBuilder.Append("xAxis: {")

    stringBuilder.Append("categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',")

    stringBuilder.Append("'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']")

    stringBuilder.Append("},")

    stringBuilder.Append("yAxis: {")

    stringBuilder.Append("title: {")

    stringBuilder.Append("text:   'Temperature (°C)'")

    stringBuilder.Append("},")

    stringBuilder.Append("plotLines: [{")

    stringBuilder.Append("value: 0,")

    stringBuilder.Append("width: 1,")

    stringBuilder.Append("color:  '#808080'")

    stringBuilder.Append("}]")

    stringBuilder.Append("},")

    stringBuilder.Append("tooltip: {")

    stringBuilder.Append("valueSuffix:  '°C'")

    stringBuilder.Append("},")

    stringBuilder.Append("legend: {")

    stringBuilder.Append("layout:  'vertical',")

    stringBuilder.Append("align:  'right',")

    stringBuilder.Append("verticalAlign:  'middle',")

    stringBuilder.Append("borderWidth: 0")

    stringBuilder.Append("},")

    stringBuilder.Append("series: [{")

    stringBuilder.Append("name:   'Tokyo',")

    stringBuilder.Append("data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]")

    stringBuilder.Append("}, {")

    stringBuilder.Append("name:   'New York',")

    stringBuilder.Append("data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]")

    stringBuilder.Append("}, {")

    stringBuilder.Append("name:   'Berlin',")

    stringBuilder.Append("data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]")

    stringBuilder.Append("}, {")

    stringBuilder.Append("name:   'London',")

    stringBuilder.Append("data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]")

    stringBuilder.Append("}]")

    stringBuilder.Append("});")

    stringBuilder.Append("});")



    ltHighchartsCode.Text = stringBuilder.ToString



End Sub