quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

width substitute

Browse Source
This commit is contained in:
Conor Barnes 2022-08-29 20:32:32 -03:00
parent 496bd0e539
commit 87c6ff1c3d
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/components/src/lib/distributionSpecBuilder.ts
View File

@ -72,6 +72,7 @@ export const expYScale: PowScale = {
export const defaultTickFormat = ".9~s"; export const defaultTickFormat = ".9~s";
export const timeTickFormat = "%b %d, %Y %H:%M"; export const timeTickFormat = "%b %d, %Y %H:%M";
const width = 500;
export function buildVegaSpec( export function buildVegaSpec(
specOptions: DistributionChartSpecOptions specOptions: DistributionChartSpecOptions
@ -108,7 +109,7 @@ export function buildVegaSpec(
const spec: VisualizationSpec = { const spec: VisualizationSpec = {
$schema: "https://vega.github.io/schema/vega/v5.json", $schema: "https://vega.github.io/schema/vega/v5.json",
description: "Squiggle plot chart", description: "Squiggle plot chart",
width: 500, width: width,
height: 100, height: 100,
padding: 5, padding: 5,
data: [{ name: "data" }, { name: "domain" }], data: [{ name: "data" }, { name: "domain" }],
@ -133,8 +134,6 @@ export function buildVegaSpec(
name: "position_scaled", name: "position_scaled",
value: null, value: null,
update: "isArray(position) ? invert('xscale', position[0]) : ''", update: "isArray(position) ? invert('xscale', position[0]) : ''",
// value: 0,
// update: "position ? invert('xscale', position[0]) : null",
}, },
], ],
scales: [ scales: [
@ -309,7 +308,7 @@ export function buildVegaSpec(
interactive: false, interactive: false,
encode: { encode: {
enter: { enter: {
x: { signal: "width", offset: 1 }, x: { signal: String(width), offset: 1 }, // vega would prefer its internal ` "width" ` variable, but that breaks the squiggle playground. Just setting it to the same var as used elsewhere in the spec achieves the same result.
fill: { value: "black" }, fill: { value: "black" },
fontSize: { value: 20 }, fontSize: { value: 20 },
align: { value: "right" }, align: { value: "right" },