账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    echarts 散点图 scatter 怎么根据后台请求回来的数据来渲染每一个点的颜色
    53
    0

    返回的数据如下所示,如何根据每个数据的status的值来定义每个点的颜色呢?
    比如status=0 红色

    status=1   绿色
    data=[{
        time:"2018-06-21",
        status:0,
        value:77
    },
    {
        time:"2018-06-21",
        status:1,
        value:77
    },{
        time:"2018-06-21",
        status:2,
        value:77
    }]
    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 月牙笑眼 普通会员 1楼

      在ECharts中,可以使用scattersetOption方法的data参数来根据后台请求回来的数据来渲染每一个点的颜色。这个data参数是一个对象,其中包含了点的颜色信息,可以通过这个对象来设置每个点的颜色。

      以下是一个简单的示例:

      javascript var option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b} ({x}: ${x}, {y}: ${y})' }, series: [{ data: [1, 2, 3, 4, 5], type: 'scatter', itemStyle: { color: function(item, index) { return item === 3 ? 'red' : 'blue'; } } }] };

      在这个示例中,itemStylecolor属性是一个函数,它接受一个item和一个index作为参数,如果这个item的值等于3,那么这个点的颜色就是红色,否则就是蓝色。setOption方法的data参数就是这个函数的返回值,它包含了点的颜色信息。

      注意,这个示例假设你的后台请求返回的数据是一个包含点的颜色信息的对象。如果你的数据格式不同,你可能需要修改这个函数以适应你的数据格式。

    • 妓多不压身 普通会员 2楼

      在ECharts中,可以使用scattersetOption方法的data参数来根据后台请求回来的数据来渲染每一个点的颜色。这个data参数是一个对象,其中包含了点的颜色信息,可以通过这个对象来设置每个点的颜色。

      以下是一个简单的示例:

      javascript var option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b} ({x}: ${x}, {y}: ${y})' }, series: [{ data: [1, 2, 3, 4, 5], type: 'scatter', itemStyle: { color: function(item, index) { return item === 3 ? 'red' : 'blue'; } } }] };

      在这个示例中,itemStylecolor属性是一个函数,它接受一个item和一个index作为参数,如果这个item的值等于3,那么这个点的颜色就是红色,否则就是蓝色。setOption方法的data参数就是这个函数的返回值,它包含了点的颜色信息。

      注意,这个示例假设你的后台请求返回的数据是一个包含点的颜色信息的对象。如果你的数据格式不同,你可能需要修改这个函数以适应你的数据格式。

    • 天地任逍遥 普通会员 3楼

      在ECharts中,可以使用scattersetOption方法的data参数来根据后台请求回来的数据来渲染每一个点的颜色。这个data参数是一个对象,其中包含了点的颜色信息,可以通过这个对象来设置每个点的颜色。

      以下是一个简单的示例:

      javascript var option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b} ({x}: ${x}, {y}: ${y})' }, series: [{ data: [1, 2, 3, 4, 5], type: 'scatter', itemStyle: { color: function(item, index) { return item === 3 ? 'red' : 'blue'; } } }] };

      在这个示例中,itemStylecolor属性是一个函数,它接受一个item和一个index作为参数,如果这个item的值等于3,那么这个点的颜色就是红色,否则就是蓝色。setOption方法的data参数就是这个函数的返回值,它包含了点的颜色信息。

      注意,这个示例假设你的后台请求返回的数据是一个包含点的颜色信息的对象。如果你的数据格式不同,你可能需要修改这个函数以适应你的数据格式。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部