charts

Onclick refresh bar chart with new data javascript (morris chart)

♀尐吖头ヾ 提交于 2019-12-13 03:29:50
问题 I've set up bar chart. Data for default/when page loads I get via php. This part it is ok and works (I've followed some example that was on the web.) function init_morris_charts() { if( typeof (Morris) === 'undefined'){ return; } console.log('init_morris_charts'); if ($('#graph_bar').length){ morbar = Morris.Bar({ element: 'graph_bar', data: [ <?php echo $tocke; ?> ], xkey: 'date', ykeys: ['marketcap'], labels: ['Market cap value USD'], barRatio: 0.4, barColors: ['#aa8400'], xLabelAngle: 0,

Customizing text (text size, text color, text angle) in Plotly for R

隐身守侯 提交于 2019-12-13 03:29:39
问题 I'm working on making a donut chart/open pie chart in Plotly. Because of help from this question, Open Pie Chart/Donut Chart in R using Plotly with count and percentage, I was able to get fairly far with my plot. However, now I need help customizing the text size, angle, and color. Here's the dataset: library(dplyr) testfile <- tibble(personID = 1:10, status = c("bad", "good", "bad", "bad", "bad", "bad", "bad", "bad", "bad", "good"), department = c("sales", "sales", "marketing", "sales",

Flutter Google Chart Gauge - place label within center

ε祈祈猫儿з 提交于 2019-12-13 03:25:02
问题 I am looking at charts_flutter package. I need to implement a gauge chart, with a single segment and its label value at the gauge's center. See the mockup file below, where three charts from the required type are placed in a row: Using Google chart gauge sample, I was able to implement the required gauge, however, I am struggling to set the label as per the requirement. Below is the class, I use for the gauge, any help / hints how to add the label would be greatly appreciated: /// Gauge chart

Chart.js with dual axis incorrect starting points (if negative values)

China☆狼群 提交于 2019-12-13 03:14:43
问题 I have a chart.js chart in my app. This is how it looks without negative values: With negative values: As you can see I have dual axisY. They work as needed if there are no negative values. But if there are some, right AxisY starts in the incorrect position. How to make it starts in the same place as left AxisY? Here is my code: private buildOptions(): any { return { responsive: true, title: { display: false, text: '' }, tooltips: { mode: 'index', intersect: true }, scales: { yAxes: [{

Baidu's echarts - filling up space between 2 lines

微笑、不失礼 提交于 2019-12-13 03:06:25
问题 I would like to find an approach on how to draw 2 lines in ECharts and fill up the space between them like this: So that each line has it's own color. Depending on order of lines - area is filled into one color or another (see image). Is there a native way of doing it? I found that some people are mentioning extensions , but nobody is providing any kind of instructions on how to write them from scratch.. Nor I found any examples on official documentation page. I would appreciate if somebody

WPF: Chart is not plotting the chart

笑着哭i 提交于 2019-12-13 03:00:19
问题 I am developing a Chart in WPF Application. But it is not showing the chart. Chart Plot area is blank whereas I can see the number of legends on the basis of number of valueList.add I do in the code. XAML <chartingToolkit:Chart HorizontalAlignment="Stretch" x:Name="MyPie" Margin="10" Title="Total Voting Percentage" VerticalAlignment="Stretch"> <chartingToolkit:PieSeries ItemsSource="{Binding}" DependentValuePath="Total Participants" IndependentValuePath="Total Voted" /> </chartingToolkit

WPF toolkit charting Lineseries styling

房东的猫 提交于 2019-12-13 02:59:35
问题 Is it possible to change the thickness of the LineSeries? Is it possible to show LineSeries as dashed lines? I have othe question about AreaSeries, no matter what all my Area Series are drawing from x-Axis. What I want is that I can draw let say a area for these four point (2,2), (2,6), (8,6), (8,2). How can I manage it? 回答1: For setting the thickness and dashed line style of a LineSeries, use a Style like the one shown here: <Window.Resources> <Style x:Key="DashedPolyLine" TargetType="{x

Why does the addRange function not work in Google Apps Script?

ε祈祈猫儿з 提交于 2019-12-13 02:58:05
问题 I want to import a graphical evaluation (diagram) into a new file using a macro. So the evaluation should not be inserted on a new sheet in the associated file, but a completely new file should be created, in which the graphical evaluation (in the form of a combination diagram) is then copied. The file should be either a Google Sheets or an Excel file. The combination diagram already exists and is located in a Google sheet, but it should be copied into a new file automatically with the help

Displaying dynamic data using jQuery chart

笑着哭i 提交于 2019-12-13 02:53:04
问题 Here is my assignment: Create a page that displays the values using a jquery chart, which can switch between day-wise view and month-wise view using AJAX x-axis: days/ months y-axis: a,b,c,d I've got all the variable values ready and the drop down list to change the variables. I just don't know how I feed these values to the jquery chart. I'm using jqxchart. How do I achieve this? Please explain with code. Also how do I feed date and month in the jqxchart? Here is the html code : <div id=

How to render gantt chart using react-google-charts with react native?

浪尽此生 提交于 2019-12-13 02:51:23
问题 This my current version of packages react-google-charts 1.5.5 react 16.0.0-beta.5 react-native https://github.com/expo/react-native/archive/sdk-22.0.1.tar.gz Now I am trying to render a Gantt Chart (example can be found here and here) Below are my current code import React, { Component } from 'react'; import { View, ScrollView, Text } from 'react-native'; import { Card, Avatar } from 'react-native-elements'; import { Chart } from 'react-google-charts'; class ScheduleScreen extends Component {