echart的legend不显示以及设置样式不生效

使用echart构建了一个折线图,但是legend的文字颜色一直是灰色,和折线的颜色也不同步


经过不断尝试终于找到原因

由于我的series项的name值分别是 0 和3 是数字

然而legend的data使用数组push处理的,可能类型转化成字符串了,

最后的解决方案是吧series的name加了字符说明同意处理成字符串

series处理:

let series = {

                name: "level" + item.severity,

                type: "line",

                stack: "总量",

                data: seriesdata,

                lineStyle: {

                  color: "#ff00CC"

                }

              };

legend:处理

    let data = "level" + item.severity;

              legend.push(data);

              let seriesdata = [];


结果:


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • var option = {//标题,每个图表最多仅有一个标题控件title: {text: "图的标题",lin...
    田野的海螺阅读 5,542评论 0 0
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 12,196评论 0 10
  • 需求:echarts绘制多条折线,x轴间隔不同。 效果图: 数据格式 分析:因为每条线的x轴不同,所以普通的渲染方...
    Y丶小琪阅读 14,174评论 0 2
  • 此次后台使用的语言是PHP,遇到的问题就是后台的数组传递到前台,前台页面控制台输出的是Arra{native co...
    youthz阅读 7,528评论 0 2
  • R语言与数据挖掘:公式;数据;方法 R语言特征 对大小写敏感 通常,数字,字母,. 和 _都是允许的(在一些国家还...
    __一蓑烟雨__阅读 5,674评论 0 5

友情链接更多精彩内容