charts

问题 I have created a stacked bar chart and i have to hide first dataset's label and its box in legend which is "Total Line", Is there anyway to hide first or any dataset's label. i have read the documentation there is a filter in options but it didn't work. Hiding This label Here is the html and js for chart var ctx = document.getElementById("girth-measure-chart"); var totalLine = [115, 118, 88, 93, 103, 118, 125] var total = [112, 115, 85, 90, 100, 115, 122] var arms = [46, 55, 41, 41, 47, 54,

问题 I am having a problem in building a pie chart with Google charts. I'm working with Wix. I manage to feed by Chart (HTML element on the page) with values stored in variables generated on my Wix web page, however, the final numbers are not right... (as they appear on the chart). Here is the page code: $w.onReady(function () { //Pulling data from local storage var dataset = [local.getItem("locrodeo"), local.getItem("loccalypso"), local.getItem("locbalthazar"), local.getItem("locluna"), local

问题 I have the following component, but I can't print test variable value inside onClick function of Chart. export class EntradaSaidaComponent { @ViewChild('graficoDeBarraTemplate') private graficoDeBarraTemplate; graficoDeBarra: Chart; test:any = "Test"; ngOnInit(){ this.graficoDeBarra = new Chart(this.graficoDeBarraTemplate.nativeElement, { type: 'bar', data: { labels: ["Entrada", "Saída"], datasets: [ { backgroundColor: ["#00b050", "#00b0f0"], data: [this.dashboard.totalReceber, this.dashboard

问题 I am working on a dashboard containing a line chart, Table chart, and two category filters, and I need to figure out how to aggregate multiple rows into points that can be plotted on the line chart. Given a data set held in a google sheet such as the sample I list below, the line graph needs to display years across the X axis (2014 - 2017), and an average of all satisfaction rates among both companies, and all departments. The first CategoryFilter allows a user to select one of the companies.

问题 I have a set of apps being built on different platforms, which need charts. Rather than pull the data into the app and render the charts natively, I wanted to instead pull in the charts as images, which are processed server side. I searched online to see if others have done this, but I can't find anything. Is anyone aware of any libraries or tools that will: Generate an chart Has some sort of static file serving of the charts Does some sort of caching / expiration of charts so they are not

问题 We are trying to export charts generated by primefaces(jqplot) through exportAsImage function: function exportChart() { try { imgPie = PF('graphicPie').exportAsImage(); // this is an instance of p:pieChart document.getElementById('frmReports:b64_gr0').value = imgPie.src; }catch(err){ } try { imgBar = PF('graphicBarEvent').exportAsImage(); // this is an instance of p:barChart, here is where the script crashes document.getElementById('frmReports:b64_gr1').value = imgBar.src; }catch(err){ } }

问题 The vchart module installed in Joomla, allows you to create charts with your own sql query. It even suggests by example that you can add a custom variable in the query, stating: You can also include dynamic variables in your SQL query. You just need to enter variable name within curly braces. e.g. {catid} . {loggedinuserid} is reserverd for Logged-in User So I assume I would need to create a php variable $username for example and if this is in page where I embedded the chart it should get

问题 Just wondering if anyone knows how you would obtain an image from an Ext JS Chart in a secure manner? I noticed that the Ext JS 4.1 preview has a "save" method that allows you to get a .png image from a chart but looking at the source code it seems to just sends the definition of the svg/vml from your chart to a Sencha server which is not secure enough for what I need. 回答1: I had to do this before 4.1 so I never used the Sencha server conversion. ImageMagick didn't have a conversion for html

问题 So, I've been updating a functioning but not elegant D3 chart using https://github.com/NickQiZhu/d3-cookbook/blob/master/src/chapter9/pie-chart.html My class looks like this: function doughnutChart(selector_div) { "use strict"; var _chart = {}; var _width = 200, _height = 200, _data = [], _svg, _bodyG, _pieG, _radius = 100, _inner_radius = 50; _chart.render = function() { if (!_svg) { _svg = d3.select(selector_div).append("svg") .attr("height", _height) .attr("width", _width); } renderBody(

问题 Plnkr example: http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview Screenshot from my app: I've tried modifying the CSS, however I was only able to remove the 2nd (right Y axis line), but not the first left Y axis line. What I've tried: .nv-y { display: none; } As well as all the lines from this answer: Alter first vertical grid line in nvd3 d3.selectAll('.nv-y').attr('display','none') d3.selectAll('.nv-y path').attr('opacity','0.1') d3.selectAll('.nv-y path').attr('display','none') My