You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by Paulo <pa...@gmail.com> on 2021/09/24 20:36:35 UTC
Help with echart - heatmap
I'm using vue-echarts v5.0.0-beta.0/ echarts v4.9.0 with JS...
I'm trying to change the border of the middle cell to give emphasis to it.
I could change the border for the entire chart with
series-heatmap.itemStyle but not for only one cell.
the result i'm expecting looks like the image above:
[image: image.png]
I found in the docs that if customization was needed for some specific
item, it could be setted up in data array:
*[ 12, 24, { value: [24, 32], // label style, only
works in this data item. label: {}, // item style, only works
in this data item. itemStyle:{} }, 33]// Or[ [12, 332],
[24, 32], { value: [24, 32], // label style, only works in
this data item. label: {}, // item style, only works in this
data item. itemStyle:{} }, [33, 31]]*
my array data serie is setted like:
*data: [ [0, 0, 549], [0, 1, 571] , ...]*
I already tried to change only the array with "653" in the middle following
those examples but without success...
*data: [..., ['X_position, Y_position, {value: "635", itemStyle:
{borderColor: "#000"}], ...]*
thanks in advance
--
Att.
Paulo Lenz Junior
Administrador de Redes
Mob. (45) 9926-9899
Re: Help with echart - heatmap
Posted by Paulo <pa...@gmail.com>.
Thanks a lot Yi.
I added a new series with this specific value and style..
and it works... but I will try this!
regards
Em seg., 27 de set. de 2021 às 22:35, Yi Shen <sh...@gmail.com>
escreveu:
> Hi Paulo,
>
> The value property is the original item in your data array.
>
> data: [ { value: [0, 0, 549], itemStyle: { borderColor: '#000' } }]
>
> Regards
>
> On Sun, Sep 26, 2021 at 3:07 AM Paulo <pa...@gmail.com> wrote:
>
>> I'm using vue-echarts v5.0.0-beta.0/ echarts v4.9.0 with JS...
>>
>> I'm trying to change the border of the middle cell to give emphasis to it.
>>
>> I could change the border for the entire chart with
>> series-heatmap.itemStyle but not for only one cell.
>>
>> the result i'm expecting looks like the image above:
>> [image: image.png]
>>
>> I found in the docs that if customization was needed for some specific
>> item, it could be setted up in data array:
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>> *[ 12, 24, { value: [24, 32], // label style, only
>> works in this data item. label: {}, // item style, only works
>> in this data item. itemStyle:{} }, 33]// Or[ [12, 332],
>> [24, 32], { value: [24, 32], // label style, only works in
>> this data item. label: {}, // item style, only works in this
>> data item. itemStyle:{} }, [33, 31]]*
>>
>> my array data serie is setted like:
>>
>> *data: [ [0, 0, 549], [0, 1, 571] , ...]*
>>
>> I already tried to change only the array with "653" in the middle
>> following those examples but without success...
>> *data: [..., ['X_position, Y_position, {value: "635", itemStyle:
>> {borderColor: "#000"}], ...]*
>>
>> thanks in advance
>>
>> --
>>
>> Att.
>> Paulo Lenz Junior
>> Administrador de Redes
>> Mob. (45) 9926-9899
>>
>
>
> --
> Yi Shen
> Apache ECharts PMC
>
--
Att.
Paulo Lenz Junior
Administrador de Redes
Mob. (45) 9926-9899
Re: Help with echart - heatmap
Posted by Yi Shen <sh...@gmail.com>.
Hi Paulo,
The value property is the original item in your data array.
data: [ { value: [0, 0, 549], itemStyle: { borderColor: '#000' } }]
Regards
On Sun, Sep 26, 2021 at 3:07 AM Paulo <pa...@gmail.com> wrote:
> I'm using vue-echarts v5.0.0-beta.0/ echarts v4.9.0 with JS...
>
> I'm trying to change the border of the middle cell to give emphasis to it.
>
> I could change the border for the entire chart with
> series-heatmap.itemStyle but not for only one cell.
>
> the result i'm expecting looks like the image above:
> [image: image.png]
>
> I found in the docs that if customization was needed for some specific
> item, it could be setted up in data array:
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> *[ 12, 24, { value: [24, 32], // label style, only
> works in this data item. label: {}, // item style, only works
> in this data item. itemStyle:{} }, 33]// Or[ [12, 332],
> [24, 32], { value: [24, 32], // label style, only works in
> this data item. label: {}, // item style, only works in this
> data item. itemStyle:{} }, [33, 31]]*
>
> my array data serie is setted like:
>
> *data: [ [0, 0, 549], [0, 1, 571] , ...]*
>
> I already tried to change only the array with "653" in the middle
> following those examples but without success...
> *data: [..., ['X_position, Y_position, {value: "635", itemStyle:
> {borderColor: "#000"}], ...]*
>
> thanks in advance
>
> --
>
> Att.
> Paulo Lenz Junior
> Administrador de Redes
> Mob. (45) 9926-9899
>
--
Yi Shen
Apache ECharts PMC