with Columns Ai and Alibaba Cloud?
Builds a graph object from scratch and publishes it. See the documentation
Builds a graph object from a template and publishes it. See the documentation
import { ChartType } from 'columns-graph-model';
import { Columns } from 'columns-sdk';
export default defineComponent({
props: {
columns_ai: {
type: "app",
app: "columns_ai",
}
},
async run({steps, $}) {
const rows = [{
"value": 312,
"state": "WA",
"parent": "US"
}];// rows is an example data set where you should organize your data in a similar way.
//Instantiates a Columns SDK object with your API Key.
const columns = new Columns(this.columns_ai.$auth.api_key);
const data = columns.data(['state'], ['value'], rows);
const graph = columns.graph(data);
// switch to different chart types: BAR, PIE, DOUGHGUT, LINE, AREA, SCATTER, etc.
graph.type = ChartType.COLUMN;
// customise the graph (lots of options in its data model)
graph.settings.general.palette = ['#ff0000', '#00ff00', '#0000ff'];
graph.settings.general.background = '#00000002';
return graph;
},
})
import Ecs20140526, * as $Ecs20140526 from '@alicloud/ecs20140526';
import OpenApi, * as $OpenApi from '@alicloud/openapi-client';
import Util, * as $Util from '@alicloud/tea-util';
export default defineComponent({
props: {
alibaba_cloud: {
type: "app",
app: "alibaba_cloud",
}
},
async run({ steps, $ }) {
//Creates a new Alibaba Cloud SDK client
let config = new OpenApi.Config({
accessKeyId: this.alibaba_cloud.$auth.access_key_id,
accessKeySecret: this.alibaba_cloud.$auth.access_key_secret,
});
config.endpoint = this.alibaba_cloud.$auth.endpoint;
//Creates and executes a request
let client = new Ecs20140526.default(config);
let describeRegionsRequest = new $Ecs20140526.DescribeRegionsRequest({});
let runtime = new $Util.RuntimeOptions({});
return await client.describeRegionsWithOptions(describeRegionsRequest, runtime);
},
})