如果数据传递的是字符串,需要先将其转化为数组或对象格式,然后通过 echarts 的 API 进行数据的配置、绑定和展示,具体步骤如下:

  1. 将字符串转化为数组或对象格式,例如:
var str = '{'name':'张三', 'age':18, 'score':90}';
var data = JSON.parse(str);
// 或者
var str = '[{'name':'张三', 'age':18, 'score':90}, {'name':'李四', 'age':20, 'score':95}]';
var data = JSON.parse(str);
  1. 使用 echarts 的 API 配置数据,例如:
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    xAxis: {
        type: 'category',
        data: ['张三', '李四', '王五']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [data.score, 95, 80],
        type: 'bar'
    }]
});

在这个例子中,我们将字符串转化为了对象格式,然后使用了 echarts 的 API 配置了数据,并将其展示为柱状图。具体的数据展示方式可以根据实际情况进行调整。

Echarts 字符串数据展示:如何将字符串转化为图表数据

原文地址: http://www.cveoy.top/t/topic/mFe2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录