Echarts 字符串数据展示:如何将字符串转化为图表数据
如果数据传递的是字符串,需要先将其转化为数组或对象格式,然后通过 echarts 的 API 进行数据的配置、绑定和展示,具体步骤如下:
- 将字符串转化为数组或对象格式,例如:
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);
- 使用 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 配置了数据,并将其展示为柱状图。具体的数据展示方式可以根据实际情况进行调整。

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