Highcharts

问题 I try to visualize data asynchronously from JSON in django 2.0 using vuejs and Highcharts. I just moved from jquery to vuejs due to its simplicity. I found out the data visualization using vue js and Highcarts is much slower than using JQuery and Highcharts. I generate JSONResponse in different url from the chart and the axios is used to help vuejs fetching data from that url. The data first annoted and grouped by queryset in views.py. The Highcharts options also setted in backend. here's my

问题 https://jsfiddle.net/Kondaldurgam/ewng3aqa/ I have bubble size value. i want to show the value with percentage how to show the value with percentage.Its Possible to shows or not? Display Percentage Values on bubble chart Highcharts.chart('container', { chart: { type: 'bubble', plotBorderWidth: 0, zoomType: 'xy' }, title: { text: 'Highcharts bubbles with radial gradient fill' }, xAxis: { gridLineWidth: 1 }, yAxis: { startOnTick: false, endOnTick: false }, plotOptions: { bubble: { dataLabels: {

问题 Issue Description: Trying to display month-year value in xAxis for example 'Jan 2016' to 'Dec 2016'. I have the same value in $scope.chartxAxisData object but when display this value after formatting in xAxis it start to display from 'Dec 2015' to 'Nov 2016' //$scope.chartxAxisData Data as follow //Value in Time // $scope.chartxAxisData = [1451586600000, 1454265000000, 1456770600000, 1459449000000, 1462041000000, 1464719400000,1467311400000,1469989800000, 1472668200000, 1475260200000,

问题 Hi i am building a pie chart by passing json array to drawchart it displaying labels of chart but unable to find the chart.i need a donut chart where each slice is clickable which carries a id as it parameter when i click the slice it need to open a another chart of that particular slice <script> $(document).ready(function () { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "bar.aspx/DistrictAnalysis", data: "{}", dataType: "json", success: function (Result) {

问题 I am having trouble trying to trigger the drilldown event from legend item click event handler. In the example the drilldown is triggered when clicking on a pie slice but clicking on a legend item will show/hide the slice. I'm trying to asynchronously load the data for an item. An example of the drilldown handler: drilldown: function(e) { console.log(".....", "on drilldown item", e, this); var chart = this , serieData = []; if (!e.seriesOptions) { chart.showLoading('Loading ...'); setTimeout

问题 I am having trouble trying to trigger the drilldown event from legend item click event handler. In the example the drilldown is triggered when clicking on a pie slice but clicking on a legend item will show/hide the slice. I'm trying to asynchronously load the data for an item. An example of the drilldown handler: drilldown: function(e) { console.log(".....", "on drilldown item", e, this); var chart = this , serieData = []; if (!e.seriesOptions) { chart.showLoading('Loading ...'); setTimeout

问题 I'm looking at this formula: http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands And here is how I draw it: chart.renderer.path(['M', someNumber, 10, 'V', 1500, 0]) .attr({ 'stroke-width': 2, stroke: 'red', id: 'vert' }) .add(); And the line is drawn but it goes through the whole graph. I want it to be small. I think that to make it smaller i need to change the '10' but whatever value I put (even 10.000) the line's length remains the same. 回答1: In the path attribute: path(['M',

问题 As you can see in the picture each column is accompanied by its datalabels, all is well. The detail is when small amounts and their datalabels is misconfigured with the categories, as seen in the picture (Red square). What I want to do is check if your height is less, to change its rotation from -90 to 0 (Green letters) See picture of the solution (HighCharts) here: https://docs.google.com/file/d/0B93NeaQX1VjUMldzcGIxNnBqaWc/edit See code JSFiddle of my solution (HighCharts) here : http:/

问题 I am using highchart for some drilldown functions. I having a function to let the user click on an area plot and add a line. But then i found out my function has a bug in it. There's should be only one red line between those charts, but when the user click on the other chart the existing red line on the first chart is not removing. The belowing is the function my charts sharing. var myPlotLineId = "myPlotLine"; addPlotLine = function(evt) { var point = evt.point; var xValue = point.x; var

问题 I have been looking all around for a couple of days and testing different samples but I have not been able to figure this out and I hope someone knows an answer to this, thanks a lot. I am creating a chart and populating the data from my db. I am looking for a way to make it redraw the chart every 5 seconds. I have tried using setInterval and setTimeout and charts.redraw() and other solutions I have found reading several different samples, but haven't managed to get it working. I have the