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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • m.rossi
    Participant

    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_0KLOL8

    This 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 Chart

    Best regards,
    Svetoslav Borislavov

    jQWidgets Team
    https://www.jqwidgets.com/


    m.rossi
    Participant

    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 Borislavov

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.