Number of data points on stock price chart

We’re creating a graph where customers can see development of security price over time. We’re going to use a line chart with which the user can interact by tap/hold gesture to see different data points and their values on the graph.

Question is – how many data points does it make sense to have on the graph to still have it usable? If we’re talking a data point per week for 5 years that’s 5*52=260 points which seems like a lot for mobile device to interact with (especially on smaller devices like iPhone 5/SE, etc).

However reducing data points makes the graph less granular (which depending on user/use cases might be okay). Any suggestions on how to approach this?

Many thanks!

SPO how to add Organization Chart on communication site?

I would like to know the best organization chart webpart that I could easily install in my Communication site (Modern Experience).

It should be user friendly, with nice theme as well as easily editable. Also it should work with list as well as Active Directory.

Similar to this: Organization Chart

Any suggestion how to achieve it in Modern Experience ?

How to design a chart that has an x-axis with a fixed range that is longer than the selected range?

I’m designing a web-based analytics dashboard that contains a chart in which the x-axis represents the days of a campaign, and it always shows 31 days. However, the duration of a campaign varies; it may be predefined to any period between a single to 31 days.
In cases when the campaign’s duration is shorter than 31 days, I want to make it clear which area of the chart is relevant.
Are there any existing best practice solutions for this scenario?
One idea I have is graying out the area that’s not required (see image below). A bar chart with a 31-days x-axis that shows a 7-days long campaign

The chart’s width is fixed and optimized for displaying a 31-days range. I’m not changing the number of days on the x-axis to avoid scenarios in which there is a single floating dot or bar on the screen or several data points with vast space between them (see images below). A bar chart with a 7-days x-axis that shows a 7-days long campaign A bar chart with a 3-days x-axis that shows a 3-days long campaign

Algorithm for determining colours for chart labels


labels = ['Gabriel', 'Rashad', 'Keith'] colors = ['#fcc812', '#32279e', '#374947', '#e27922', '#67aacb', '#76c1ff', '#7adae2', '#cdc9e4', '#9562d6', '#de70cd'] 


{   'Gabriel': '#fcc812',   'Rashad': '#de70cd',   'Keith': '#76c1ff' } 


I want to draw a chart on which each dataset (with a name from labels) is associated with a color (from colors).

I want to find a way to definitely map label to color.

Need to handle cases:

1) One label left from labelsRashad

labels = ['Gabriel', 'Keith']  result = {   'Gabriel': '#fcc812',   'Keith':   '#76c1ff' } 

It is important that the remaining labels should have the same colors as if the label Rashed hadn’t been deleted.

2) A new label has appeared – Andrei

labels = ['Gabriel', 'Andrei', 'Rashad', 'Keith']  result = {   'Gabriel': '#fcc812',   'Andrei':  '#67aacb',   'Rashad':  '#de70cd',   'Keith':   '#76c1ff' } 

Chart not showing when using Vue-chart js in SharePoint

I have a SharePoint list and I’m trying to visualize the data using Vue-chartjs. When I do so, all I get is a canvas with a grid and not chart being rendered. Any ideas? Any help would be much appreciated. Below is my code: HTML

    <v-content>       <v-container class="grey lighten-5" fluid>         <v-row dense>           <v-col cols="sm">             <v-card class="pa-2" outlined tile raised>               <my-line-chart :line-data="ChartConfig" :chart-options="options"></my-line-chart>             </v-card>           </v-col>           <v-col cols="sm">             <v-card class="pa-2" outlined tile raised>               <my-bar-chart :bar-data="ChartConfig" :chart-options="options"></my-bar-chart>             </v-card>           </v-col>         </v-row>       </v-container>     </v-content> 

JS (Line chart component)

Vue.component('my-line-chart', {     extends: VueChartJs.Line,     props: ['lineData', 'chartOptions'],     mounted: function () {         this.renderChart(this.lineData, this.chartOptions);     } }) 

JS (Bar chart component)

Vue.component('my-bar-chart', {     extends: VueChartJs.Bar,     props: ['barData', 'chartOptions'],     mounted: function () {         this.renderChart(this.barData, this.chartOptions);     } }) 

JS (Vue instance)

new Vue({   el: "#app",   vuetify: new Vuetify(),   data: {     ChartConfig: {       labels: [],       datasets: [         {           data: [],           backgroundColor: '#3498db',           borderColor: 'rgba(136,136,136,0.5)',           label: "2013"         }       ]     },     options: {       responsive: true,       maintainAspectRatio: false,       title: {         display: true,         text: 'Chart.js Line Chart'       },       tooltips: {         mode: 'index',         intersect: false,       },       hover: {         mode: 'nearest',         intersect: true       },       scales: {         xAxes: [{           display: true,           categoryPercentage: 0.5,           scaleLabel: {             display: true,             labelString: 'Month'           }         }],         yAxes: [{           display: true,           scaleLabel: {             display: true,             labelString: 'Value'           }         }]       }     },     iceCream: [],     drawer: false   },   created: function () {     this.getListData();   },   methods: {     getListData: function () {       var endPointUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbyTitle('popular ice cream')/items";        this.status = "getting data...";       var that = this;       axios.get(endPointUrl).then(function (response) {         that.getChartData(;       })         .catch(function (error) {           console.log(error);         })     },     getChartData: function (chartData) {       console.log(chartData);       for (var i = 0; i < chartData.length; i++) {         this.ChartConfig.labels.push(chartData[i].Flavor)       }        for (var i = 0; i < chartData.length; i++) {         this.ChartConfig.datasets[0].data.push(chartData[i].Vote)       }     }   } });   

Provide You Technical Indicator For Chart Pattern for $10

Forex trading involves dealing in international currencies, basically selling the currency of one country to buy that of another. The trader deals in Foreign Exchange [Forex] at the most appropriate time to profit from the transaction. Good ability to forecast plays a vital role here. Anyone who wants to deal in Forex can do so, since only the basic knowledge is required for it. You will get the help you need for attaining this knowledge. Liquidity is another reason why Forex trading is so popular. You can deal in foreign currencies right from your home. In fact, it is fully conducted online. You have the liberty to choose when you want to trade. Basically, you can be your own boss, because the process of online trading is fairly simple for anyone to understand. This gig includes an exclusive no-fluff book-size special report from me, a Rapid Skill Acquisition expert and best-selling author. I help people learn new things fast. If you don’t believe me, just check out my other gig “I will teach you how to learn anything faster than normal.” You will be amazed once you get the real 80 TO 90% Positive result with “ANS” Indicators & Strategy which will turns your Losing Trade also to a sweet Winning , How it possible !? (I will let you know) I am Earning enough I don’t need this little amount as I directed to a Donation account so it means it’s Free from my side. THIS IS A COMBINATION OF INDICATORS FOR (MT4) WHICH I CHOSEN FROM THE EXPERT TRADERS WHICH I SPEND A LOT OF TIME & MONEY FOR EACH OF THEM TILL I REACHED TO THIS BEAUTIFUL RESULTS. There are 90% people losing money on Binary Option or Forex trades as they don’t know why. I am Earning enough I don’t need this little amount as I directed to a Donation account so it means it’s Free from my side.You are not required to open any new account so you can use any broker you like.

by: hamzaco98
Created: —
Category: Other
Viewed: 185

Nativescript chart. ¿Como graficar con horas como valor de entrada?

La pregunta es sencilla, quiero graficar con horas como valor de entrada

Poseo un query el cual retorna un valor timestamp dentro de un Json-Array, algo como esto


[{"date": "28-09", "hour":"2001-09-28 01:00:00"}, {"date": "27-09", "hour":"2001-09-27 01:30:00"}, {"date": "26-09", "hour":"2001-09-26 02:00:00"}, {"date": "25-09", "hour":"2001-09-25 02:30:00"}, {"date": "24-09", "hour":"2001-09-24 01:00:00"}]` 

Y poseo LineSeries para graficar, algo como esto

<RadCartesianChart tkExampleTitle tkToggleNavButton>             <CategoricalAxis tkCartesianHorizontalAxis></CategoricalAxis>             <LinearAxis tkCartesianVerticalAxis allowPan="false" allowZoom="false"></LinearAxis>             <LineSeries tkCartesianSeries selectionMode="DataPointMultiple" showLabels="true"                  [items]="getchartDistance" valueProperty="hour" categoryProperty="date">                 <PointLabelStyle tkLineLabelStyle fontStyle="Bold" fillColor="#FC6060" textSize="12"                     textColor="White"></PointLabelStyle>             </LineSeries>              <RadCartesianChartGrid tkCartesianGrid horizontalLinesVisible="true" verticalLinesVisible="false"                 verticalStripLinesVisible="false" horizontalStripLinesVisible="true"                 horizontalStrokeColor="#e5e5e5">             </RadCartesianChartGrid>         </RadCartesianChart> 

Mi duda es que no se que colocar en valueProperty para ser capaz de graficar la hora en un formato de 12h o 24h

He pensado en algunas soluciones y sus posibles problemas (Aunque aún no se como aplicarlas):

  1. Primera Solución

    Crear un campo adicional en PostgreSQL el cual contenga la hora tipo militar y convertirla a un tipo numerico, luego colocar el valor obtenido en valueProperty y enmascar ese valor numerico con un string. Es decir si el valor numérico es 0800, enmascarlarlo para mostrar 08:00

    Problema: No se si soy capaz de enmascar valores en Nativescript chart, y de ser capaz, no se si solo se mostraran los valores enmascarados o otros valores numéricos y no solo los enmascarados

  2. Second Solution

    Usar DateTimeContinuousAxis

    Problema: Desconozco como usar, y creo según entendí en su documentación que solo sirve para colocar valores tipo DATE en categoryProperty especificando un intervalo.

Si alguien puede ayudarme, agradeceré enormemente su apoyo

Organization Chart in Sharepoint Online

I am new to O365 Sharepoint Online.I need to add an organisation chart to my homepage. I am trying to look into some solutions, but all solutions are 3rd party and not microsoft provided as it used to had in Sharepoint 2013 called Organsation Browser in Social Collaboration category. Please let me know if we can add organisation chart in Sharepoint Online.


How can I use the Quick Chart Web Part with data from a Document Library?

I would like to use the Quick Chart Web Part with data from a Document Library not a list.

When I try to place a Quick Chart Web Part onto my page it only seems to be able to connect to a LIST or for values to be manually input.

I wish for the content to be taken from certain documents, tagged as Process Maps in my library and using column values from a column called FPMO