charts

问题 I want to implement a custom layout/chart. Currently I have implemented a demo of it using pure HTML, CSS & jQuery (http://jsfiddle.net/yuvraj20/Vj7Vy/). $(document).ready(function(){ var $circles = $(".circles"); routine(); function routine(){ $circles.addClass("visible"); //Intial load animation $("div", $circles).addClass("visible"); $(".line").addClass("grow"); } $circles.on("click", function(){ if($circles.hasClass("rotate")){ var $this = $(this); $circles.removeClass("rotate"); $("

问题 I want to implement a custom layout/chart. Currently I have implemented a demo of it using pure HTML, CSS & jQuery (http://jsfiddle.net/yuvraj20/Vj7Vy/). $(document).ready(function(){ var $circles = $(".circles"); routine(); function routine(){ $circles.addClass("visible"); //Intial load animation $("div", $circles).addClass("visible"); $(".line").addClass("grow"); } $circles.on("click", function(){ if($circles.hasClass("rotate")){ var $this = $(this); $circles.removeClass("rotate"); $("

问题 I am trying to create some charts(line graph etc.,) in a bot. I have the data available from an online source (finance.Yahoo.com) I am not sure what library I should be using for this purpose 1. What chart library? 2. What type of Card (Hero Card, Adaptive Card ...) should I use? 3. My current solution which is connecting to external site (Yahoo) is a web api and I am using C# bot framework? Could anyone share an example on how can I achieve this? I have tried to use UI.Visualization.Chart

问题 Starting from this question JavaFX LineChart Hover Values I modified the Gist in the first answer https://gist.github.com/jewelsea/4681797 into this public class TestCharts extends Application { ObservableList<XYChart.Data<Integer, Integer>> _serie; @SuppressWarnings("unchecked") @Override public void start(Stage stage) { LineChart lineChart = new LineChart(new NumberAxis(), new NumberAxis()); XYChart.Series serie = new XYChart.Series( "Test", getTestValues() ); lineChart.getData().add(serie)

问题 I am using Flotcharts to create a stacked bar chart to show breakdown of values. I have this working so that once I hover over the stack it will show a tool tip with the value for that stack in it (you can see this in the second column). What I need is at the top of all the stacks that it shows a label of the total value. Something like High Charts Stacked Column. You can see my code below. I loop through the data (using Smarty) and set it there. // set the data var data = [ { label: 'Tenant'

问题 I am using Flotcharts to create a stacked bar chart to show breakdown of values. I have this working so that once I hover over the stack it will show a tool tip with the value for that stack in it (you can see this in the second column). What I need is at the top of all the stacks that it shows a label of the total value. Something like High Charts Stacked Column. You can see my code below. I loop through the data (using Smarty) and set it there. // set the data var data = [ { label: 'Tenant'

问题 I am trying to change my working highcharts into different type of chart using 4 radio buttons : column , bar , pie , line . Here is my working chart: $(function () { // Create the chart var options = { chart: { events: { drilldown: function (e) { if (!e.seriesOptions) { var chart = this, drilldowns = <?php echo json_encode($array) ?>, series = drilldowns[e.point.name]; // Show the loading label chart.showLoading('Loading ...'); setTimeout(function () { chart.hideLoading(); chart

问题 The bar chart I'm creating is auto scaling the Y axis tick increments starting at 0 as 0, .5, 1, 1.5 etc. I would like to have it increment in only whole numbers, ie 0, 1, 2, 3, 4 etc. I've tried chart.y_axis.tickLblSkip = 1 but had my doubts because I believe this is just the label itself, not the actual tick marks. Is there a way to control this? I see in the documentation you can control the overall scale of the axis with chart.y_axis.scaling.min and max but this isn't what I'm looking for

问题 This question builds on the previous question found here : ChartJS place y-axis labels between ticks. When drawing the ticks with a BeforeDraw plugin, the ticks/labels end up "jumping" every time the canvas is redrawn. If you run the code snippet and look at the y-axis labels as you hover on and off of the bars, you will be able to see this "jumping". Is there a way to prevent this "jumping" while still drawing the ticks with BeforeDraw? var barChart = new Chart(ctx, { type: 'bar', data: {

问题 When we create a primefaces chart then it shows number scale in decimal points. I want to show without decimal places like simple munbers.Is there a way? Thanks 回答1: Update: While the workaround posted below still works I found a more proper solution to do this. Number scale can be formatted trough extender function: <p:barChart value="#{testClazz.categoryModel}" legendPosition="ne" widgetVar="barChartObj1" extender="ext1"/> place the following function between the <head></head> tags on your