charts

Highcharts, How can I change the datalable distance in a pie chart based on the value

天大地大妈咪最大 提交于 2019-12-23 12:44:10
问题 I am using Highcharts Pie Chart. The chart has a few large wedges and then several smaller wedges. I can use the distance to pull the datalabel into the wedge or have it outside the pie, but I want a mix. I want the fat wedges to have the label in the pie, but the tiny wedges I want the label outside. I can change the color of the label in the formatter function based on the value (this uses a span style="color:'+color'"). I tried adding distance to this span but it doesn't work. Can anyone

Uncaught Error: Container is not defined

☆樱花仙子☆ 提交于 2019-12-23 11:54:52
问题 I'm trying to generate a gantt chart using Google charts and after coding accordingly with the existing php code, I m getting a blank html. Please help me on this to display the chart successfully. <html> <head> <!--Load the AJAX API--> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> // Load the Visualization API and the gantt

data label is not shown Highcharts

↘锁芯ラ 提交于 2019-12-23 10:09:27
问题 I'm trying to show datalabels. but DATALABEL the black bar is not shown. why? http://jsfiddle.net/o4pt855e/ other bars are displayed well. I take this opportunity to ask how I can put a condition ?. if the value is less than 5, the DATALABEL be shown to the left, otherwise the right. $(function () { $('#container').highcharts({ chart: { type: 'bar' }, title: { text: 'Mi EPS' }, xAxis: { //categories: ["number1", "number2", "number3", "number4","number5"], title: { text: null }, labels: { //

MS Chart: How can you change the color of each label on the Axis of a Bar Chart?

人走茶凉 提交于 2019-12-23 09:12:50
问题 I have a bar chart which shows different categories on the Y axis. I can change the color of all of them on the axis at the same time by using: chart.ChartAreas["MyChart"].AxisY.LabelStyle.ForeColor = "Red"; However it doesn't allow me to set the color for each of them. Any help will be much appreciated. 回答1: You can try adding custom labels to the chart, and that will allow you to modify each one individually. private void AddCustomLabelAtYValue(double YValue, string Text, Color ForeColor) {

Highcharts series update with animation

巧了我就是萌 提交于 2019-12-23 08:55:01
问题 I can update the data value of a spider chart and see it animated using this method: chart.series[i].setData(newSeries[i].data); But, as the series in a spider chart consists not only of data but also other fields, as in series: [{ name: 'Allocated Budget', data: [43000, 19000, 60000, 35000, 17000, 10000], pointPlacement: 'on' }, { name: 'Actual Spending', data: [50000, 39000, 42000, 31000, 26000, 14000], pointPlacement: 'on' }] Along with the data, when I need to change the value name:

Hide dc.js chart x-axis

为君一笑 提交于 2019-12-23 08:54:58
问题 As the image below, the x-axis is very messy due to big range of data. I wish to remove the x-axis, any luck? my current code: toneChart.width(300).height(280) .dimension(tone) .group(toneGroup) .title(function (d) { return ""; }) .ordering(function(d) { return - d.value }) .cap(10) .transitionDuration(750) .renderLabel(true) .colors(d3.scale.category10()) .elasticX(true); Thanks! 回答1: Via CSS one can hide the axes and text. Remove row chart's x-axis Add the following to your CSS (replacing

How to enable cubic lines in MPAndroidChart library?

て烟熏妆下的殇ゞ 提交于 2019-12-23 08:19:29
问题 I am using MPAndroidChart library for a project of mine to integrate charts in my app. I know how to use LineCharts but I couldn't figure out a way to use the Cubic Lines feature of the LineCharts. The image below shows the kind of graph i want, please let me know how to solve this issue. 回答1: Try using something like this lineDataSet.setDrawCubic(true); It worked for me, here lineDataSet is your LineDataSet instance. Update for v3.0.0 and onwards: lineDataSet.setMode(LineDataSet.Mode.CUBIC

How can I add a pie chart to my winforms application?

喜你入骨 提交于 2019-12-23 08:09:05
问题 I am trying to add a pie chart to my winforms application - but the only chart I can find in my toolbox is the regular bar chart. Is there any way to form this bar chart as a pie chart or add a pie-chart component to my toolbox by using some existing .net 4 framework libraries (without installing any new libraries such as "DevExpress" etc)? 回答1: Without third party tools the only way around it would be for you to create a new user control in WPF for this following this tutorial: http://www

Change Chart.js tooltip caret position

半腔热情 提交于 2019-12-23 07:48:22
问题 I created a doughnut chart using Chart.js 2.5. The issue I’m having is with the tooltip. When I hover over the chart, a tooltip is displayed with a caret that always stays in the left or right side, like this: I want to change the caret position so that it always show in the bottom. Is that possible? Here is my chart code var myChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['Jan', 'Feb', 'Mar'], datasets: [{ label: 'dataset', data: [30, 50, 20], backgroundColor: [ 'rgb(153, 102,

Change Chart.js tooltip caret position

走远了吗. 提交于 2019-12-23 07:48:21
问题 I created a doughnut chart using Chart.js 2.5. The issue I’m having is with the tooltip. When I hover over the chart, a tooltip is displayed with a caret that always stays in the left or right side, like this: I want to change the caret position so that it always show in the bottom. Is that possible? Here is my chart code var myChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['Jan', 'Feb', 'Mar'], datasets: [{ label: 'dataset', data: [30, 50, 20], backgroundColor: [ 'rgb(153, 102,