Home forums Using CanvasJS Stacked bar chart not extending the whole width of the canvas? Reply To: Stacked bar chart not extending the whole width of the canvas?

#14152

cshickman
Member

Thank you Vishwas. I just set the axisX and axisY2 margins to -1 but it didn’t solve the problem. Any ideas?

var chart = {
        interactivityEnabled: false,
        animationEnabled: true,
        creditText: false,
        toolTip: {
            enabled: false
        },
        axisX: {
            interval: 0,
            gridThickness: 0,
            tickLength: 0,
            tickThickness: 0,
            lineThickness: 0,
            labelFontSize: 0,
            tickLength: 0,
            margin: -1
        },
        axisY2: {
            interval: 0,
            gridThickness: 0,
            tickLength: 0,
            tickThickness: 0,
            lineThickness: 0,
            labelFontSize: 0,
            tickLength: 0,
            margin: -1,
            stripLines: [
      {
          value: 50,
          thickness: 1,
          color: "red",
          showOnTop: true,
          label: "Data error",
          labelPlacement: "outside",
          labelFontSize: 12,
          labelBackgroundColor: "transparent",
          tickLength: 0
      }]
        },
        dataPointWidth: 16,
        dataPointMinWidth: 16,
        dataPointMaxWidth: 16,
        data: [
    {
        type: "stackedBar",
        axisYType: "secondary",
        indexLabelFontSize: 25,
        dataPoints: [
        { y: 50, color: "#e6e6e6" },
      ]
    },
    {
        type: "stackedBar",
        axisYType: "secondary",
        dataPoints: [
        { y: 50, color: "#e6e6e6" },
      ]
    }
  ]
    };