Browse Source

Completed Tooltip

pull/4023/head
cmack 6 years ago
parent
commit
fe8bb832b7
  1. 5
      packages/builder/src/index.html
  2. 8
      packages/standard-components/src/Chart/GroupedBar.svelte
  3. 6
      packages/standard-components/src/Chart/Tooltip.svelte

5
packages/builder/src/index.html

@ -9,8 +9,6 @@
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/britecharts/dist/css/britecharts.min.css" type="text/css" />
<link rel='icon' type='image/png' href='/_builder/favicon.png'>
<link rel='stylesheet' href='/_builder/global.css'>
<link rel='stylesheet' href='/_builder/codemirror.css'>
@ -25,9 +23,6 @@
<body id="app">
<script src='/_builder/bundle.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.7.4/d3.js"></script>
<script src="https://cdn.jsdelivr.net/npm/britecharts@2/dist/bundled/britecharts.min.js"></script>
</body>
</html>

8
packages/standard-components/src/Chart/GroupedBar.svelte

@ -159,5 +159,11 @@
<div bind:this={chartElement} class={chartClass} />
{#if chartDrawn}
<Tooltip bind:tooltip {chartDrawn} {chartClass} {data} />
<Tooltip
bind:tooltip
{chartDrawn}
{nameLabel}
{valueLabel}
{chartClass}
{data} />
{/if}

6
packages/standard-components/src/Chart/Tooltip.svelte

@ -19,10 +19,10 @@
export let locale = null
export let nameLabel = null
export let numberFormat = null
export let shouldShowDateInTitle = null
export let title = "My tooltip"
export let shouldShowDateInTitle = false
export let title = "My Tooltip"
export let tooltipOffset = null
export let topicLabel = "Topics"
export let topicLabel = "values"
export let topicsOrder = null
export let valueLabel = null
export let xAxisValueType = null

Loading…
Cancel
Save