vue-data-ui
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
248 lines (247 loc) • 4.65 kB
JavaScript
var e = {
default: {},
dark: {
style: { chart: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC",
layout: {
separators: { color: "#4A4A4A" },
bars: {
dataLabels: { color: "#CCCCCC" },
nameLabels: { color: "#CCCCCC" },
parentLabels: { color: "#CCCCCC" }
},
highlighter: { color: "#CCCCCC" }
},
legend: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
},
title: {
color: "#CCCCCC",
subtitle: { color: "#757575" }
},
tooltip: {
backgroundColor: "#1A1A1A",
backgroundOpacity: 70,
color: "#CCCCCC",
borderColor: "#5A5A5A"
}
} },
table: {
th: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
},
td: {
backgroundColor: "#1A1A1A",
color: "#CCCCCC"
}
}
},
celebration: {
style: { chart: {
backgroundColor: "#FFF8E1",
color: "#424242",
layout: {
bars: {
borderRadius: 0,
useGradient: !1,
dataLabels: { color: "#424242" },
nameLabels: { color: "#424242" },
parentLabels: { color: "#424242" }
},
highlighter: { color: "#FF8A65" },
separators: { show: !1 }
},
legend: {
backgroundColor: "#FFF8E1",
color: "#424242"
},
title: {
color: "#424242",
subtitle: { color: "#757575" }
},
tooltip: {
backgroundColor: "#FFECB3",
backgroundOpacity: 30,
color: "#424242",
borderColor: "#FF8A65"
}
} },
table: {
th: {
backgroundColor: "#FFF8E1",
color: "#424242"
},
td: {
backgroundColor: "#FFF8E1",
color: "#424242"
}
}
},
celebrationNight: {
style: { chart: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD",
layout: {
bars: {
borderRadius: 0,
useGradient: !1,
dataLabels: { color: "#BDBDBD" },
nameLabels: { color: "#BDBDBD" },
parentLabels: { color: "#FFF8E1" }
},
highlighter: { color: "#FF8A65" },
separators: { show: !1 }
},
legend: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD"
},
title: {
color: "#FFF8E1",
subtitle: { color: "#BDBDBD" }
},
tooltip: {
backgroundColor: "#1E1E1E",
backgroundOpacity: 30,
color: "#FFF8E1",
borderColor: "#FF8A65"
}
} },
table: {
th: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD"
},
td: {
backgroundColor: "#1E1E1E",
color: "#BDBDBD"
}
}
},
hack: {
style: { chart: {
backgroundColor: "#1A1A1A",
color: "#99AA99",
layout: {
bars: {
borderRadius: 0,
useGradient: !1,
dataLabels: { color: "#AACCAA" },
nameLabels: { color: "#99CC99" },
parentLabels: { color: "#99CC99" }
},
highlighter: { color: "#66CC66" },
separators: { show: !1 }
},
legend: {
backgroundColor: "#1A1A1A",
color: "#99AA99"
},
title: {
color: "#66CC66",
subtitle: { color: "#99AA99" }
},
tooltip: {
backgroundColor: "#2A2F2A",
color: "#AACCAA",
borderColor: "#66CC66"
}
} },
table: {
th: {
backgroundColor: "#1A1A1A",
color: "#99AA99"
},
td: {
backgroundColor: "#1A1A1A",
color: "#AACCAA"
}
}
},
zen: {
style: { chart: {
backgroundColor: "#fbfafa",
color: "#8A9892",
layout: {
bars: {
borderRadius: 8,
useGradient: !0,
dataLabels: { color: "#A0AC94" },
nameLabels: { color: "#8A9892" },
parentLabels: { color: "#8A9892" }
},
highlighter: { color: "#8F837A" },
separators: { show: !1 }
},
legend: {
backgroundColor: "#fbfafa",
color: "#99AA99"
},
title: {
color: "#8A9892",
subtitle: { color: "#99AA99" }
},
tooltip: {
backgroundColor: "#fbfafa",
color: "#8A9892"
}
} },
table: {
th: {
backgroundColor: "#fbfafa",
color: "#8F837A"
},
td: {
backgroundColor: "#fbfafa",
color: "#8F837A"
}
}
},
concrete: {
style: { chart: {
backgroundColor: "#f6f6fb",
color: "#50606C",
layout: {
bars: {
borderRadius: 0,
useGradient: !0,
dataLabels: { color: "#61747E" },
nameLabels: { color: "#8A9892" },
parentLabels: { color: "#8A9892" }
},
highlighter: { color: "#50606C" },
separators: {
show: !0,
color: "#DEE1DE"
}
},
legend: {
backgroundColor: "#f6f6fb",
color: "#61747E"
},
title: {
color: "#50606C",
subtitle: { color: "#718890" }
},
tooltip: {
backgroundColor: "#f6f6fb",
color: "#50606C"
}
} },
table: {
th: {
backgroundColor: "#f6f6fb",
color: "#50606C"
},
td: {
backgroundColor: "#f6f6fb",
color: "#50606C"
}
}
}
};
//#endregion
export { e as default };