zingchart

Multi-Dimensional Stacked Bar Chart with ZingChart

由 只谈情不闲聊 提交于 2019-12-10 21:02:57
问题 I am trying to create a multi-dimensional, stacked bar chart using ZingChart. This is as far as I have gotten: For some reason, the image is not showing. The link to it is (https://drive.google.com/file/d/0B14IyWv9zwZ9a0hWR0lXTDZQXzQ/view) . In this example, each bar represents a Product (there are 3 products), and for each bar I want to show the breakdown by Region (there are 4 regions). Therefore, for each year there would be up to 3 product bars (for the 3 products), then for each product

stacked chart with ZingChart

由 旧街凉风 提交于 2019-12-10 18:53:37
问题 I'm making stacked bar chart with ZingChart library. Here is a sample http://jsfiddle.net/api/post/library/pure/ but suppose i need a limit , e.g the color should only change if it exceeds 15k. Is that possible? var myConfig = { "type": "bar", "stacked": true, "stack-type": "normal", "background-color": "#FFFFFF", "title": { "text": "Mobile OS Sales - ", "font-family": "arial", "x": "40px", "y": "5px", "align": "left", "bold": false, "font-size": "16px", "font-color": "#000000", "background

Static chart with timestamp on x-axis

由 妖精的绣舞 提交于 2019-12-10 17:42:04
问题 I want to create a static chart of values pulled out of a MySQL database. The chart format would be (x axis : dd/mm/yy hh:mm:ss (corresponding to timestamp of mysql database)) and y-axis would be a double value. I am able to successfully retrieve these values from MySql database.I want help plotting them by ZingChart 回答1: Nikita. Once you've retrieved your values from your MySQL database, you'll want to convert the MySQL date values in to Unix time in milliseconds. I've populated a $date

Getting series and values from CSV data in Zingchart

由 本小妞迷上赌 提交于 2019-12-10 17:32:47
问题 While creating mixed chart in Zingchart we can pass the type attribute values with values array. But I'm not sure when reading data from CSV how this can be achieved. I want to create mixed chart as on fiddle link below but data is to be read from a csv file. var myConfig = { "type":"mixed", "series":[ { "values":[51,53,47,60,48,52,75,52,55,47,60,48], "type":"bar", "hover-state":{ "visible":0 } }, { "values":[69,68,54,48,70,74,98,70,72,68,49,69], "type":"line" } ] } zingchart.render({ id :

Zing feed plotting multiple series in 1 chart

由 淺唱寂寞╮ 提交于 2019-12-10 13:59:12
问题 I am trying to plot 2 line series data in ZingChart feed. Below is my script code. <script> var chartData = { "type":"line", "refresh": { "type": "feed", "transport": "js", "url": "feed()", "interval": 1000 }, "series":[ { "values":[] }, { "values":[] } ] }; window.onload = function() { zingchart.render({ id: "chartDiv", data: chartData, height: 600, width: "100%" }); }; window.feed = function(callback) { $.ajax({ type: "GET", dataType: "json", headers: { Accept: "application/json", "Access

Dynamically adding scale markers?

由 余生长醉 提交于 2019-12-10 13:58:04
问题 I was wondering if there was any way to dynamically add scale-x markers AFTER the graph has been rendered, perhaps via a function like-so: zingchart.exec('myChart', 'addscalexmarker', { type: "line", range: 14, label: { text: "label!! yay!" } } I can't seem to figure out any other way to get this to work... Thanks in advance! 回答1: While ZingChart does have a large range of API methods to allow users to modify different pieces of a chart, not every attribute is accessible through a named

ZingChart change plot CSS depending on X-Scale

由 余生颓废 提交于 2019-12-10 13:21:57
问题 I'm using a ZingChart with AngularJS. I have a simple chart, but I would like my plot to be red if it's in the past (if the x-scale date < current Date). I found out that I can set some certain rules to "plot":{ "rules":[ { "rule":"%v 20 && %v < 30", "line-color":"#f93", "line-width":"8", "line-style":"dashed" }, ] Which is going change css if the plot values are between 20-30. My question is -> How can I change plot background color DEPENDING on the X-scale value? I am not able to refernce x

I want to change the chart for each city or subcity selected

由 自闭症网瘾萝莉.ら 提交于 2019-11-26 16:48:08
I developed a simple application with AngularJS and I want to add a simple chart based on this website Js Charts This is my data.json: [ { "name": "city A", "elements": [ { "id": "c01", "name": "name1", "price": "15", "qte": "10" }, { "id": "c02", "name": "name2", "price": "18", "qte": "11" }, { "id": "c03", "name": "name3", "price": "11", "qte": "14" } ], "subsities": [ { "name": "sub A1", "elements": [ { "id": "sub01", "name": "nameSub1", "price": "1", "qte": "14" }, { "id": "sub02", "name": "nameSub2", "price": "8", "qte": "13" }, { "id": "sub03", "name": "nameSub3", "price": "1", "qte":

I want to change the chart for each city or subcity selected

由 耗尽温柔 提交于 2019-11-26 04:57:21
问题 I developed a simple application with AngularJS and I want to add a simple chart based on this website Js Charts This is my data.json: [ { \"name\": \"city A\", \"elements\": [ { \"id\": \"c01\", \"name\": \"name1\", \"price\": \"15\", \"qte\": \"10\" }, { \"id\": \"c02\", \"name\": \"name2\", \"price\": \"18\", \"qte\": \"11\" }, { \"id\": \"c03\", \"name\": \"name3\", \"price\": \"11\", \"qte\": \"14\" } ], \"subsities\": [ { \"name\": \"sub A1\", \"elements\": [ { \"id\": \"sub01\", \"name
订阅 zingchart