Giter Site home page Giter Site logo

Line Chart without shading about quickchart HOT 3 CLOSED

typpo avatar typpo commented on July 17, 2024
Line Chart without shading

from quickchart.

Comments (3)

typpo avatar typpo commented on July 17, 2024

Hey @GrahamJohnWhite, could you please paste the chart config again? It looks like it didn't paste correctly in the original.

from quickchart.

GrahamJohnWhite avatar GrahamJohnWhite commented on July 17, 2024

chart?c={type:'line',data:{labels:['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21'], datasets:[{label:'Target',data:[28152,56304,84456,140760,197064,225216,253368,281520,309672,337824,365976,394128,422280,450432,478584,506736,534888,563040,591192]},{label:'Actual',data:[26657,48757,82028,159596,185229,216206,243242,275549,310121,336515,364990,386965,432594]},{label:'Last Year',data:[27806,55612,83418,111224,139030,166836,194642,222448,250254,278060,305866,333672,361478,389284,417090,444896,472702,500508,528314,556120,583926]}]},options:{title: {display: true,text: 'MTD Commission'}}}

from quickchart.

typpo avatar typpo commented on July 17, 2024

This question is actually about Chart.js, not QuickChart. Per the Chart.js documentation you can set fill: false for each dataset.

image

{
  "type": "line",
  "data": {
    "labels": [
      "1",
      "2",
      "3",
      "4",
      "5",
      "6",
      "7",
      "8",
      "9",
      "10",
      "11",
      "12",
      "13",
      "14",
      "15",
      "16",
      "17",
      "18",
      "19",
      "20",
      "21"
    ],
    "datasets": [
      {
        "label": "Target",
        "fill": false,
        "data": [
          28152,
          56304,
          84456,
          140760,
          197064,
          225216,
          253368,
          281520,
          309672,
          337824,
          365976,
          394128,
          422280,
          450432,
          478584,
          506736,
          534888,
          563040,
          591192
        ]
      },
      {
        "label": "Actual",
        "fill": false,
        "data": [
          26657,
          48757,
          82028,
          159596,
          185229,
          216206,
          243242,
          275549,
          310121,
          336515,
          364990,
          386965,
          432594
        ]
      },
      {
        "label": "Last Year",
        "fill": false,
        "data": [
          27806,
          55612,
          83418,
          111224,
          139030,
          166836,
          194642,
          222448,
          250254,
          278060,
          305866,
          333672,
          361478,
          389284,
          417090,
          444896,
          472702,
          500508,
          528314,
          556120,
          583926
        ]
      }
    ]
  },
  "options": {
    "title": {
      "display": true,
      "text": "MTD Commission"
    }
  }
}

from quickchart.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.