jQWidgets Forums
jQuery UI Widgets › Forums › Angular › Angular JQXChart jqxPlot scale is not a function
This topic contains 3 replies, has 2 voices, and was last updated by svetoslav_borislavov 1 year, 7 months ago.
-
Author
-
Hi, when i try to test my built project that use jqxChart served on the company stage environment, i have this kind of error
https://prnt.sc/ChAaMXI3A_fH
https://prnt.sc/tW8iw_0KLOL8This error does not appears in my local environment while i’m developing.
Any idea how to solve it?
Thanks
Hi,
Hi, which version of jQWidgets are you using?
Can you also share the settings of your ChartBest regards,
Svetoslav BorislavovjQWidgets Team
https://www.jqwidgets.com/Hi,
I’m actually using the 16.0.1 version of JQWidgets.There’s a snippet of the settings, but anyway, on local environment(the developing env), with the same settings, the graph works.
//x axis settings this.xAxis = { dataField: 'x', type: this.graphic.xType || 'default', valuesOnTicks: true, minValue: this.graphic.xMinValue, maxValue: this.graphic.xMaxValue, padding: {left: 0, top: 15, right: 0, bottom: 15}, tickMarks: { visible: true, // interval: this.xInterval, color: '#E0E0E0' }, // unitInterval: this.xInterval, gridLines: { visible: true, // interval: this.xInterval, color: '#E0E0E0' }, title: { text: this.graphic.xLabel, class: 'value-axis-label', offset: {x: 0, y: 15} }, labels: { formatFunction: (value) => { if (this.graphic.xType === 'date') { const dateValue = new Date(value); return <code>${('0' + dateValue.getDate()).slice(-2)}/${toTitleCase(dateValue.toLocaleString('default', {month: 'long'}))}/${dateValue.getFullYear()}</code>; } else { return this.graphic.xDecimals ? value.toFixed(this.graphic.xDecimals) : value; } }, angle: 0, rotationPoint: 'topright', offset: {x: -5, y: 5} } as ChartXAxis }; // value axis settings this.valueAxis = { visible: true, title: { text: this.graphic.yLabel, class: 'value-axis-label', offset: {x: -15, y: 0} }, minValue: this.graphic.yMinValue, maxValue: this.graphic.yMaxValue, valuesOnTicks: true, unitInterval: this.graphic.yUnitInterval, padding: {left: 15, top: 0, right: 15, bottom: 0}, tickMarks: {visible: true, color: '#BCBCBC'}, formatSettings: { decimalPlaces: this.graphic.yDecimals || -1 }, } as ChartValueAxis; this.seriesGroups = [ { type: this.graphic.seriesGroupType, toolTipFormatFunction: this.toolTipCustomFormatFn.bind(this), series: this.graphic.seriesGroupLabels.map((label, labelIndex) => { if (this.graphic.seriesGroupColors && this.graphic.seriesGroupColors[label]) { this.seriesColors[label] = this.graphic.seriesGroupColors[label]; } else { this.seriesColors[label] = labelIndex <= chartColors.length ? chartColors[labelIndex] : this.selectColor(Math.floor(Math.random() * 10), 10); } return { dataField: <code>y${labelIndex}</code>, displayText: label, colorFunction: (_: any) => { return this.seriesColors[label]; } } as ChartSerie }) } ]
Hi,
May you try removing the offset properties from the title object for the xAxis and value Axis
Best regards,
Svetoslav BorislavovjQWidgets Team
https://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.