All Projects → Fine0830 → FineChart-Saiku

Fine0830 / FineChart-Saiku

Licence: other
d3.js visualize data for saiku-ui

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to FineChart-Saiku

Resonance
◾️Resonance | 5kb React animation library
Stars: ✭ 1,011 (+5847.06%)
Mutual labels:  d3, charts
Victory
A collection of composable React components for building interactive data visualizations
Stars: ✭ 9,248 (+54300%)
Mutual labels:  d3, charts
Dashblocks
Enable Analytics in your Apps
Stars: ✭ 48 (+182.35%)
Mutual labels:  d3, charts
Carbon Charts
📊 📈⠀Robust dataviz framework implemented using D3 & typescript
Stars: ✭ 287 (+1588.24%)
Mutual labels:  d3, charts
Plotly.js
Open-source JavaScript charting library behind Plotly and Dash
Stars: ✭ 14,268 (+83829.41%)
Mutual labels:  d3, charts
Flask jsondash
🐍 📊 📈 Build complex dashboards without any front-end code. Use your own endpoints. JSON config only. Ready to go.
Stars: ✭ 3,215 (+18811.76%)
Mutual labels:  d3, charts
Ac D3
Javascript Library for building Audiovisual Charts in D3
Stars: ✭ 76 (+347.06%)
Mutual labels:  d3, charts
visa-chart-components
Visa Chart Components (VCC) is an accessibility focused, framework agnostic set of data experience design systems components for the web. VCC attempts to provide a toolset to enable developers to build equal data experiences for everyone, everywhere.
Stars: ✭ 81 (+376.47%)
Mutual labels:  d3, charts
React Native Svg Charts
📈 One library to rule all charts for React Native 📊
Stars: ✭ 2,056 (+11994.12%)
Mutual labels:  d3, charts
Victory Native
victory components for react native
Stars: ✭ 2,013 (+11741.18%)
Mutual labels:  d3, charts
Victory Chart
Chart Component for Victory
Stars: ✭ 286 (+1582.35%)
Mutual labels:  d3, charts
Keen Dataviz.js
Data Visualization Charting Library
Stars: ✭ 215 (+1164.71%)
Mutual labels:  d3, charts
React Native Svg Charts Examples
A collection of usage examples of react-native-svg-charts
Stars: ✭ 266 (+1464.71%)
Mutual labels:  d3, charts
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Stars: ✭ 6,506 (+38170.59%)
Mutual labels:  d3, charts
vue-d3-charts
D3 charts for Vue
Stars: ✭ 66 (+288.24%)
Mutual labels:  d3, charts
Victory Pie
D3 pie & donut chart component for React
Stars: ✭ 61 (+258.82%)
Mutual labels:  d3, charts
silky-charts
A silky smooth D3/React library
Stars: ✭ 38 (+123.53%)
Mutual labels:  d3, charts
proteic
Streaming and static data visualization for the modern web.
Stars: ✭ 37 (+117.65%)
Mutual labels:  d3, charts
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+9305.88%)
Mutual labels:  d3, charts
React Financial Charts
Charts dedicated to finance.
Stars: ✭ 201 (+1082.35%)
Mutual labels:  d3, charts

FineChart

d3.js visualize data for saiku-ui

Introduce the method

1、Scripts to the appropriate files

image

2、Modify index.html

Add the corresponding scripts

<script type="text/javascript" src="js/saiku/plugins/FineChart/d3.js"></script>
<script type="text/javascript" src="js/saiku/plugins/FineChart/d3-dispatch.js"></script>
<script type="text/javascript" src="js/saiku/plugins/FineChart/d3-cloud.js"></script>
<script type="text/javascript" src="js/saiku/plugins/FineChart/d3.tip.js"></script>
<script type="text/javascript" src="js/saiku/plugins/FineChart/plugins.js"></script>

Add the appropriate li tags in template-query-toolbar

<ul class='options chart hide'>
            <li class="seperator_vertical"><a href ="#export_button"
                class="disabled_toolbar export_button menu button"><span class="i18n">Export</span><span class="dropdown"></span></a></li>
            <li><a 
                class="i18n bar chartoption button disabled_toolbar"
                title="Bar"></a></li>
            <li><a 
                class="i18n stackedBar chartoption on button disabled_toolbar"
                title="Stacked Bar"></a></li>
            <li><a 
                class="i18n stackedBar100 chartoption button disabled_toolbar"
                title="Bar 100%"></a></li>
            <li><a 
                class="i18n multiple chartoption button disabled_toolbar"
                title="Multiple Bar Chart"></a></li>
            <li><a 
                class="i18n line chartoption button disabled_toolbar"
                title="Line"></a></li>
            <li><a 
                class="i18n area chartoption button disabled_toolbar"
                title="Area"></a></li>
            <li><a 
                class="i18n heatgrid chartoption button disabled_toolbar"
                title="Heat Grid"></a></li>
            <li><a 
                class="i18n treemap chartoption button disabled_toolbar"
                title="Tree Map"></a></li>
            <li><a 
                class="i18n sunburst chartoption button disabled_toolbar"
                title="Sunburst"></a></li>
            <li><a 
                class="i18n multiplesunburst chartoption button disabled_toolbar"
                title="Multi Sunburst"></a></li>
            <li><a 
                class="i18n dot chartoption button disabled_toolbar"
                title="Dot"></a></li>
            <li><a 
                class="i18n waterfall chartoption button disabled_toolbar"
                title="Waterfall"></a></li>
            <li><a 
                class="i18n pie chartoption button disabled_toolbar"
                title="Pie"></a></li>
			<li><a 
                class="i18n bubble chartoption button disabled_toolbar"
                title="bubble">Bubble</a></li>
			<li><a 
                class="i18n bubble chartoption button disabled_toolbar"
                title="scattermap">scattermap</a></li>
            <li><a 
                class="i18n wordcloud chartoption button disabled_toolbar"
                title="wordcloud">wordcloud</a></li>
            <!--<li><a 
                class="i18n custom_chart button disabled_toolbar"
                title="Custom">Custom</a></li>-->
        </ul>

3、Replace script of SaikuChartRenderer.js

4、 It's ok.

image

image

image

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].