@thoughtspot/plugin-chart-extend
Advanced tools
Comparing version 0.0.1 to 0.0.2
@@ -1,7 +0,15 @@ | ||
import { Plugin } from "@thoughtspot/visual-embed-sdk"; | ||
import { EmbedEvent } from "@thoughtspot/visual-embed-sdk"; | ||
interface ChartExtendConfig { | ||
axisLabelFormatter?: (val: string) => string; | ||
overrides?: any; | ||
getOverrides?: ({ config, viz }: { | ||
config: any; | ||
viz: any; | ||
}) => any; | ||
} | ||
export declare function chartExtend(config?: ChartExtendConfig): Plugin; | ||
export declare function chartExtend(config?: ChartExtendConfig): { | ||
name: string; | ||
handlers: { | ||
getVizConfigOverrides: (payload: any, cb: Function) => void; | ||
}; | ||
}; | ||
export {}; |
11
index.js
import { EmbedEvent } from "@thoughtspot/visual-embed-sdk"; | ||
import deepmerge from "deepmerge"; | ||
function getTransformedXValues(oldXValues, transformer) { | ||
function getTransformedXValues(oldXValues, transformer, columnInfo) { | ||
return oldXValues.map((v) => { | ||
const val = v[0].value; | ||
v[0].value = transformer(val); | ||
v[0].value = transformer(val, columnInfo); | ||
return v; | ||
@@ -16,7 +16,8 @@ }); | ||
const incomingConfig = payload.data.config; | ||
console.log(incomingConfig); | ||
let overrides = config.overrides || {}; | ||
console.log(payload.data); | ||
let overrides = config.getOverrides?.(payload.data) || {}; | ||
if (config.axisLabelFormatter) { | ||
let rawXValues = incomingConfig.chart.props.xValueToRawValues; | ||
let xValueToRawValues = getTransformedXValues(rawXValues, config.axisLabelFormatter); | ||
// debugger; | ||
let xValueToRawValues = getTransformedXValues(rawXValues, config.axisLabelFormatter, payload.data.viz.config.axisConfig[0].x[0]); | ||
overrides = deepmerge(overrides, { | ||
@@ -23,0 +24,0 @@ chart: { |
16
index.ts
import { Plugin, EmbedEvent, HostEvent } from "@thoughtspot/visual-embed-sdk"; | ||
import deepmerge from "deepmerge"; | ||
function getTransformedXValues(oldXValues, transformer) { | ||
function getTransformedXValues(oldXValues, transformer, columnInfo) { | ||
return oldXValues.map((v) => { | ||
const val = v[0].value; | ||
v[0].value = transformer(val); | ||
v[0].value = transformer(val, columnInfo); | ||
return v; | ||
@@ -14,6 +14,6 @@ }); | ||
axisLabelFormatter?: (val: string) => string; | ||
overrides?: any; | ||
getOverrides?: ({ config, viz }) => any; | ||
} | ||
export function chartExtend(config: ChartExtendConfig = {}): Plugin { | ||
export function chartExtend(config: ChartExtendConfig = {}) { | ||
return { | ||
@@ -27,9 +27,11 @@ name: "chart-extend", | ||
const incomingConfig = payload.data.config; | ||
console.log(incomingConfig); | ||
let overrides = config.overrides || {}; | ||
console.log(payload.data); | ||
let overrides = config.getOverrides?.(payload.data) || {}; | ||
if (config.axisLabelFormatter) { | ||
let rawXValues = incomingConfig.chart.props.xValueToRawValues; | ||
// debugger; | ||
let xValueToRawValues = getTransformedXValues( | ||
rawXValues, | ||
config.axisLabelFormatter | ||
config.axisLabelFormatter, | ||
payload.data.viz.config.axisConfig[0].x[0] | ||
); | ||
@@ -36,0 +38,0 @@ overrides = deepmerge(overrides, { |
{ | ||
"name": "@thoughtspot/plugin-chart-extend", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "Extend ThoughtSpot charts with custom data/metadata/annotations.", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
# Chart Extend | ||
[![npm version](https://badge.fury.io/js/@thoughtspot%2Fplugin-chart-extend.svg)](https://badge.fury.io/js/@thoughtspot%2Fplugin-chart-extend) | ||
Extend ThoughtSpot charts with custom data/metadata/annotations. | ||
@@ -4,0 +6,0 @@ |
4729
115
35