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配置了数据,并将其展示为柱状图。具体的数据展示方式可以根据实际情况进行调整。
原文地址: https://www.cveoy.top/t/topic/bel8 著作权归作者所有。请勿转载和采集!