Skip to content

itemSymbol in the visualMap (piecewise) can't be set #5719

Closed

Description

@jarben

Version: 3.5.4

Seems like itemSymbol can't be changed to "circle" or other values in visualMap:

image

Activity

  1. yueshuiniao commented on Aug 28, 2017

    @yueshuiniao

    同样碰到这个问题

  2. hoganjobs commented on Mar 2, 2018

    @hoganjobs

    目前使用中也遇到这个问题,不知道这个问题是否修复了?

  3. lauraxm commented on Jun 12, 2019

    @lauraxm

    @Ovilia itemSymbol issue

  4. self-assigned this
    on Jun 13, 2019
  5. sophia1024 commented on Jan 19, 2021

    @sophia1024

    2021年了,itemSymbol依旧不生效

  6. added this to the 5.1.0 milestone on Jan 19, 2021
  7. sophia1024 commented on Jan 19, 2021

    @sophia1024

    企业微信截图_ae9fb476-a179-4f4f-8122-5ee18126d2be

    $.get(ROOT_PATH + '/data/asset/data/aqi-beijing.json', function (data) {
    myChart.setOption(option = {
    title: {
    text: 'Beijing AQI'
    },
    tooltip: {
    trigger: 'axis'
    },
    xAxis: {
    data: data.map(function (item) {
    return item[0];
    })
    },
    yAxis: {
    splitLine: {
    show: false
    }
    },
    toolbox: {
    left: 'center',
    feature: {
    dataZoom: {
    yAxisIndex: 'none'
    },
    restore: {},
    saveAsImage: {}
    }
    },
    dataZoom: [{
    startValue: '2014-06-01'
    }, {
    type: 'inside'
    }],
    visualMap: {
    top: 10,
    itemWidth: 10,
    itemHeight: 10,
    itemSymbol:'diamond',
    inRange: {
    color: ['#121122', 'rgba(3,4,5,0.4)', 'red'],
    },
    outOfRange:{
    color: '#999',
    symbol: 'pin',
    },
    right: 10,
    pieces: [{
    gt: 0,
    lte: 50,
    color: '#96',
    symbol: 'pin',
    }, {
    gt: 50,
    lte: 100,
    color: '#ffde33',
    symbolSize: 12,
    symbol: 'diamond',
    }, {
    gt: 100,
    lte: 150,
    color: '#ff9933',
    symbol: 'circle',
    }, {
    gt: 150,
    lte: 200,
    color: '#cc0033'
    }, {
    gt: 200,
    lte: 300,
    color: '#660099',
    symbol: 'diamond',
    }, {
    gt: 300,
    color: '#7e0023'
    }],
    },
    series: {
    name: 'Beijing AQI',
    type: 'line',
    symbol:"arrow",
    data: data.map(function (item) {
    return item[1];
    }),
    markLine: {
    silent: true,
    data: [{
    yAxis: 50
    }, {
    yAxis: 100
    }, {
    yAxis: 150
    }, {
    yAxis: 200
    }, {
    yAxis: 300
    }]
    }
    }
    });
    });

  8. added a commit that references this issue on Feb 8, 2021
    71ec194
  9. removed this from the 5.1.0 milestone on Feb 8, 2021
  10. added a commit that references this issue on Apr 7, 2021
    98ee07d
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions