feat: show visualmap of contract's h24 tx count

[zmcNotafraid]

Magickbase/ckb-explorer-public-issues#613

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ckb-explorer-frontend-in-magickbase-repo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 21, 2024 8:33am

[Keith-CY]

@Sven-TBD please have a review

[FrederLu]

https://ckb-explorer-frontend-in-magickbase-repo-q965n6zra-magickbase.vercel.app/en/script/0xf329effd1c475a2978453c8600e1eaf0bc2087ee093c3ee64cc96ec6847752cb/type?page=2&size=10

1、Counting this '0x177b2ae15abf7e6bae568e2f32a04b928c56cc3499010970b59d4104934385f5' transaction data, there are 17 pieces of data, less than 23 pieces of data.
2、The address shown above is 465. How was this data obtained?

---

2024-05-08.16.45.39.mov

3、If there is multiple data on the vertical axis, it is difficult to switch to other data. Only one data information can be displayed when selecting up and down.

---

https://pudge.explorer.nervos.org/scripts#Unique%20Cell

https://ckb-explorer-frontend-in-magickbase-repo-q965n6zra-magickbase.vercel.app/en/script/0x8e341bcfec6393dcd41e635733ff2dca00a6af546949f70c57a706c0f344df8b/type

4、Unique Cell is a registered script, and script name information needs to be displayed on the chart.

[zmcNotafraid]

https://ckb-explorer-frontend-in-magickbase-repo-q965n6zra-magickbase.vercel.app/en/script/0xf329effd1c475a2978453c8600e1eaf0bc2087ee093c3ee64cc96ec6847752cb/type?page=2&size=10

1、Counting this '0x177b2ae15abf7e6bae568e2f32a04b928c56cc3499010970b59d4104934385f5' transaction data, there are 17 pieces of data, less than 23 pieces of data. 2、The address shown above is 465. How was this data obtained?

2024-05-08.16.45.39.mov
3、If there is multiple data on the vertical axis, it is difficult to switch to other data. Only one data information can be displayed when selecting up and down.

https://pudge.explorer.nervos.org/scripts#Unique%20Cell

https://ckb-explorer-frontend-in-magickbase-repo-q965n6zra-magickbase.vercel.app/en/script/0x8e341bcfec6393dcd41e635733ff2dca00a6af546949f70c57a706c0f344df8b/type

4、`Unique Cell` is a registered script, and `script name` information needs to be displayed on the chart.

1. h24 tx count was refreshed by job every 1h, and the data source from cell_dependencies table
2. contract's referering cell outputs
3. fixed.
4. will update contract's name attribute

[FrederLu]

1、The newly added color information will be lost after refreshing the page.

2024-05-13.15.16.38.mov

---

2、After updating this question, it still has the same issue as before.

[zmcNotafraid]

1、The newly added color information will be lost after refreshing the page.

2024-05-13.15.16.38.mov
2、After updating this question, it still has the same issue as before.

The second problem has fixed.But the first one I can't resolve it.When I refresh page, I found the echarts has load twice.First time no dataset.Please help me @Keith-CY

[PainterPuppets]

reference: https://stackoverflow.com/questions/61074770/why-isnt-visual-map-drawn

import the visualmap library in /src/pages/StatisticsChart/common/index.tsx and it can be displayed

import 'echarts/lib/component/visualMap'

[Keith-CY]

LGTM