Smartchart开发手册

Smartchart开发手册 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/ Recent content on Smartchart开发手册 Hugo -- gohugo.io https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/JQueryTraversal/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/JQueryTraversal/ Introduction # jQuery DOM traversal methods are used in HTML components to find and manipulate parent, child, and sibling relationships of HTML elements, or filter element collections matching specific criteria. In SmartChart HTML component development, they are commonly used to get form values, bind events, and dynamically modify styles. Category Common Methods Upward Traversal .parent() / .parents() / .parentsUntil() Downward Traversal .children() / .find() Horizontal Traversal .siblings() / .next() / . https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/MapComponents/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/MapComponents/ Introduction # SmartChart supports multiple map visualization components, including regional heatmaps (province/city color mapping), scatter point maps (geographic coordinate markers), flyline maps (city flow relationships), Baidu map base overlay, and Three.js driven 3D globe effects. Map data is rendered through ECharts map series. Map Type Description Regional Heatmap type:'map', load GeoJSON to register map Scatter Map type:'effectScatter', with geoCoordMap coordinates Flyline Map type:'lines', shows inter-city flows Baidu Base Map ds_loadBmap(), requires AK configuration 3D Effects ds_load3d(), Three. https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/SeamlessScroll/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/SeamlessScroll/ Introduction # Seamless scrolling components are used for announcement carousels, rankings, data tables, and other scenarios requiring automatic content loop scrolling. SmartChart provides two scrolling implementations: ds_liMarquee (based on the liMarquee plugin, supports seamless connection and rich configuration) and ds_scroll (simple native scrolling). Scroll Function Features Use Cases ds_liMarquee(name, config) Seamless connection, direction/speed config, hover pause Announcements, rankings ds_scroll(name, interval, step) Simple native implementation, CSS scrollTop Simple data scrolling Use Cases # Seamless scrolling components are suitable for scenarios requiring automatic content loop scrolling, such as: https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/LineUpChart/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/LineUpChart/ Introduction # LineUp is an interactive visualization designed for multi-dimensional comprehensive scoring and ranking. It supports dynamic sorting, filtering, and highlighting by multiple metrics. In SmartChart, load the LineUp JS library and pass object array data to use it. Ideal for city competitiveness, product evaluation, and other ranking analysis scenarios. Core Function Description ds_loadcss('smt_LineUp') Load LineUp styles ds_loadjs('smt_LineUp') Load LineUp JS library ds_createMap_all(dataset) Convert 2D array to object array format LineUpJS. https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/UsingIcons/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/3.Graphics/SpecialGraphics/UsingIcons/ Introduction # Font Awesome icon library is built into SmartChart and can be used directly in HTML components, table cells, indicator cards, and any HTML content. Icons are referenced via or , supporting three types: solid, regular, and brand icons. Category Class Prefix Example Solid Icons fas Regular Icons far Brand Icons fab Use Cases # Font Awesome icon library is built into SmartChart.