FVS Picture API

Example: You can get the object of Column Component.

duchamp.getWidgetByName("Column Component");

duchamp.getWidgetByName("Column Component").getSeries();

var series=duchamp.getWidgetByName("Column Component").getSeries();

console.log(series[0]);

Note: 

The correct statement is getSeries()[0] instead of getSeries().series[0].

The points attribute in each series object is also an array of objects, where the point data point objects you want to get are stored.

If you want to get a specific data point object, you need to specify the corresponding index pointIndex which counts from 0.

Example: You can get the first data point in the first series object of the Column Component object.

duchamp.getWidgetByName("Column Component").getSeries()[0].points[0];

The name of the category where the data point is located in the axis chart.

The value corresponding to the data point on the value axis in the axis chart.

 

Note: 

The value of the scatter chart corresponds to the value of the selected field under Data > Value.

seriesIndex: number

Different series of a chart, counting from 0

Example: The series 1 and series 2 of the column component can be displayed.

duchamp.getWidgetByName("Component name").setSeriesVisible([0,1]);

duchamp.getWidgetByName("Column Component").sortChart();

delay: the interval for data point tooltips (3s by default).

initPoints: the set of data points corresponding to the carousel data point tooltips, which defaults to all data within the chart.

Note: 

initPoints can only be used in V2.4.0 and later versions.

duchamp.getWidgetByName("Column Component").openAutoTooltip(3000);

Note: 

3000 refers to the carousel interval (3s), which can be modified as needed.

Example 2: You can display tooltips of all data points of the first series in turn. 

var vanchart=duchamp.getWidgetByName("Chart Component");

vanchart.openAutoTooltip(1000,vanchart.getSeries()[0].points);

// The data points refer to all data points of the first series.

duchamp.getWidgetByName("Column component").stopAutoTooltip();

duchamp.getWidgetByName("Column Component").moveOnAutoTooltip();

 MapZoomProps = {

  zoomLevel: number | string;

  viewCenter:  [number, number];

};

zoomLevel: the zoom level, whose value can be set from 0 to 18. The greater the value is, the higher the level will be, with a more detailed map and a smaller range of latitude and longitude displayed.

viewCenter: the center point, [longitude, latitude].

Example:

duchamp.getWidgetByName("Map1").setMapZoom({zoomLevel: 5, viewCenter: [110, 40]});

duchamp.getWidgetByName("Map1").getZoom();

duchamp.getWidgetByName("Map1").getCenter();

The center point, [latitude, longitude].

 Note:

In the panTo API, the Longitude value is in front of the Latitude value.

Example:

duchamp.getWidgetByName("Map1").panTo([40,118]); // Change the center point according to the longitude and latitude values.

var chart =duchamp.getWidgetByName("Drilling Area Map1_Page1");// To get the chart.

var quyu = duchamp.getWidgetByName("Province").getValue(); // To get the value of the drop-down box widget.

if (chart.getLayerIndex() > 0)

 chart.drillUp(chart.getLayerIndex() - 1); // If you have already drilled down an area of the map, you can click on another area to go back to the previous level and drill down again.

var areas = [];

chart.getSeries().forEach(ser => areas.push(...ser.points));

var len = areas.length;

for (var i = 0; i < len; i++) {

 if (areas[i].name == quyu) {

  chart.drillDown(areas[i]);

  break;

 }

 }

var chart =duchamp.getWidgetByName("Drilling Area Map1_Page1");// To get the chart.

var quyu = duchamp.getWidgetByName("Province").getValue(); // To get the value of the drop-down box widget.

if (chart.getLayerIndex() > 0)

 chart.drillUp(chart.getLayerIndex() - 1); // If you have already drilled down an area of the map, you can click on another area to go back to the previous level and drill down again.

var areas = [];

chart.getSeries().forEach(ser => areas.push(...ser.points));

var len = areas.length;

for (var i = 0; i < len; i++) {

 if (areas[i].name == quyu) {

  chart.drillDown(areas[i]);

  break;

 }

 }

duchamp.getWidgetByName("Drilling Map1").getLayerIndex();

duchamp.getWidgetByName("Drilling Map1").getLayerNames();