能否将JSON数据加载至Android Highcharts图表中？

Android版Highcharts完全支持将JSON数据加载至图表，核心逻辑是先解析JSON为对应的数据结构，再绑定到图表配置中，以下是具体实现方式：

实现步骤与代码示例 #

1. 加载本地JSON文件（assets目录） #

假设你已在assets目录下放置data.json文件，内容为：

[15, 28, 36, 42, 50, 65]

对应Android代码（Kotlin）：

// 读取assets中的JSON内容
val jsonContent = assets.open("data.json").bufferedReader().use { it.readText() }
// 解析JSON为图表所需的数值列表（使用Gson库）
val chartData = Gson().fromJson(jsonContent, object : TypeToken<List<Number>>() {}.type)

// 构建图表配置
val chartOptions = HIOptions().apply {
    title = HITitle().apply { text = "本地JSON数据图表" }
    series = mutableListOf(HILine().apply {
        data = chartData
        name = "月度数据"
    })
}

// 绑定配置到图表视图
val chartView = findViewById<HIChartView>(R.id.hi_chart_view)
chartView.options = chartOptions

2. 加载网络JSON数据 #

通过网络请求获取JSON后解析并绑定，示例使用OkHttp：

val okHttpClient = OkHttpClient()
val request = Request.Builder()
    .url("你的JSON接口地址")
    .build()

okHttpClient.newCall(request).enqueue(object : Callback {
    override fun onFailure(call: Call, e: IOException) {
        // 处理请求失败逻辑
    }

    override fun onResponse(call: Call, response: Response) {
        response.body?.string()?.let { jsonStr ->
            // 解析JSON数据
            val networkData = Gson().fromJson(jsonStr, object : TypeToken<List<Number>>() {}.type)
            
            // 回到主线程更新图表
            runOnUiThread {
                val networkOptions = HIOptions().apply {
                    title = HITitle().apply { text = "网络JSON数据图表" }
                    series = mutableListOf(HIColumn().apply {
                        data = networkData
                        name = "季度销量"
                    })
                }
                val chartView = findViewById<HIChartView>(R.id.hi_chart_view)
                chartView.options = networkOptions
            }
        }
    }
})

关键注意事项 #

• 确保JSON数据格式与图表类型匹配：折线图/柱状图通常接受数值列表，复杂图表可能需要包含name和y的对象数组
• 网络请求必须在子线程执行，更新图表UI需切换到主线程
• 可使用Gson、Moshi等第三方库简化JSON解析过程

内容的提问来源于stack exchange，提问作者Hemant Verma