echarts的legend动态加载的问题

lanrcs 2016-04-11 10:20:37

var myChart = echarts.init(document.getElementById('main'));

var option = {
title: {
text: '异步数据加载示例'
},
tooltip: {},
legend: {
data: []
},
xAxis: {
type:'value'
},
yAxis: {},
series: [{
name: '',
type: 'line',
data: []
}]
};
myChart.setOption(option);

option.legend.data = ['销量'];
option.series = [{
name: '销量',
data: [[1,1],[2,2],[3,3],[4,4],[5,5]]
}];

myChart.setOption(option);


操作以后,无法显示legend,不知道怎样才能显示
...全文
3688 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
cc152cc 2019-02-25
  • 打赏
  • 举报
回复
引用 7 楼 zhu0527zhengdapeng 的回复:
[quote=引用 5 楼 天天happy 的回复:]
不直接写 option.legend.data = ['销量'];
要使用赋值方式解决
var legend = {
x: 'right',
data:['销量']
};
option.legend = legend;



我就是这么用的啊,也显示不了[/quote]

后台代码:
Random rd = new Random();
List<object> dataList = new List<object>();
dataList.Add(new { value = rd.Next(0, 100).ToString(), name = "左前门外板13" });
dataList.Add(new { value = rd.Next(0, 100).ToString(), name = "左前门内板14" });
dataList.Add(new { value = rd.Next(0, 100).ToString(), name = "右前门外板15" });
dataList.Add(new { value = rd.Next(0, 100).ToString(), name = "右前门内板16" });
dataList.Add(new { value = rd.Next(0, 100).ToString(), name = "前门板盖17" });

List<string> stringList = new List<string>();
stringList.Add("左前门外板13");
stringList.Add("左前门内板14");
stringList.Add("右前门外板15");
stringList.Add("右前门内板16");
stringList.Add("前门板盖17");

var Result = new
{
name = stringList,
data = dataList
};

return Content(Result.ToJson());

前台代码:
success: function (data) {
if (data) {
var option = myChart1.getOption();
option.legend[0].data = data.name;
option.series[0].data = data.data;
myChart1.setOption(option, true);
}
}

网上找了半天没找到办法,最后自己解决了
zhu0527zhengdapeng 2019-01-17
  • 打赏
  • 举报
回复
引用 5 楼 天天happy 的回复:
不直接写 option.legend.data = ['销量'];
要使用赋值方式解决
var legend = {
x: 'right',
data:['销量']
};
option.legend = legend;



我就是这么用的啊,也显示不了
堰子笑一笑 2017-12-13
  • 打赏
  • 举报
回复
请问楼主,怎么解决的啊
xiaodongkaixin 2017-06-13
  • 打赏
  • 举报
回复
不直接写 option.legend.data = ['销量']; 要使用赋值方式解决 var legend = { x: 'right', data:['销量'] }; option.legend = legend;
yu4495730 2017-04-16
  • 打赏
  • 举报
回复
真服了 怎么解决的说一下啊
  • 打赏
  • 举报
回复
怎么解决的,可以说一下么
qq_21038229 2016-04-14
  • 打赏
  • 举报
回复
请问 怎么解决的 我也遇到这个问题了 legend 显示不出来,谢谢
lanrcs 2016-04-11
  • 打赏
  • 举报
回复
自己解决了....

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧